有没有办法缩小ascx以使其适合固定的div？

Question

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

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

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

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的{​​{1}}属性（它在我的浏览器中执行 - Firefox 3.0，但您要测试在其他浏览器中）。你应该能够在没有jQuery的情况下做你需要做的事情，但你也可以做你想要用jQuery做的事情。

Answer 2

您可以使用css和！important标志来覆盖硬编码样式。我不会使用javascript，因为我认为这是一个过度杀戮。

Answer 3

为什么不将固定大小设置为包含DIV并将其设置为可滚动。全部使用CSS。不需要ASCX更改或其他任何内容......