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

Question

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

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

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

Answer 1

我认为您可以为此简单地使用 CSS。给你<div>一个id类似 "myDiv" 的属性或其他。

您可以使用 CSS 来设置 <div> 的样式及其子元素:

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

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

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

我相信 CSS width属性值将优先于 textarea的 cols属性(它在我的浏览器 - Firefox 3.0 中完成，但你想在其他浏览器中测试)。您应该能够在没有 jQuery 的情况下使用 CSS 完成您需要做的事情，但您也可以使用 jQuery 完成您想要做的事情。