有什么方法可以缩小 ascx 以使其适合固定的 div 吗？

发布于 2024-07-29 13:13:24 字数 362 浏览 3 评论 0原文

我有一个 ascx 控件，我需要将其放入页面上的 div 中。我不想滚动它。我可以缩小它的尺寸以使其正确贴合吗？标签似乎没问题，但一些表格单元格和文本框可以缩小，我相信它会合适。我正在考虑对 ascx 中的文本框进行 jQuery 选择并减少它们的宽度。一个问题是这些文本框使用“cols”属性来表示其长度。我可以将该值设置为当前值的 75% 还是其他值吗？您可以在 jQuery 中抓取表格的某些列并仅对这些单元格进行操作吗？有些列需要保留其宽度，而其他列则可以明显缩小。

我不想修改现有的 ascx，因为它在整个应用程序中使用，并且利益相关者希望在此页面上使用相同的控件。

感谢您的任何建议。 ~ck 在圣地亚哥

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缘字诀 2024-08-05 13:13:24

我认为你可以简单地使用 CSS 来实现这一点。为您的

提供一个 id 属性，例如 "myDiv" 或其他属性。

您可以使用 CSS 来设置

及其子元素的样式：

#myDiv {
  width: 500px;
  height: 500px;
}

/* textarea within #myDiv */
#myDiv textarea {
  width: 100px;
}

/* td within #myDiv */
#myDiv td {
  width: 50px;
}

我相信 CSS width 属性值将优先于 textarea code> 的 cols 属性（它在我的浏览器 - Firefox 3.0 中执行，但您想在其他浏览器中测试）。您应该能够在没有 jQuery 的情况下使用 CSS 完成所需的操作，但您也可以使用 jQuery 完成您想要完成的操作。

I think you could simply use CSS for this. Give your <div> an id attribute like "myDiv" or whatever.

The you can use CSS to style the <div> and its child elements:

#myDiv {
  width: 500px;
  height: 500px;
}

/* textarea within #myDiv */
#myDiv textarea {
  width: 100px;
}

/* td within #myDiv */
#myDiv td {
  width: 50px;
}

I believe that the CSS width property value will take precedence over the textarea's cols attribute (it did in my browser - Firefox 3.0, but you'd want to test in other browsers). You should be able to do what you need to do with CSS without jQuery, but you can do the things you were looking to do with jQuery too.

回复收藏 0 原文