如何使用CSS3 resize属性强制设置宽度的HTML元素也可以调整大小?

时间:2012-04-09 11:43:39

标签: css css3 resize

我有这种简单的情况:

<textarea style="width:500px;resize:auto"></textarea>

现在这个工作正常,浏览器显示右下角的调整大小句柄。但是我可以将框水平放大但不小(例如:http://jsfiddle.net/AzJEM/)。

我不想使用javascript,因为我认为必须有一些CSS方式如何做到这一点。任何人都可以给我一个提示吗?

编辑:我只对HTML5感兴趣,所以不需要在答案中支持IE。

1 个答案:

答案 0 :(得分:0)

使用min-width选项:

<textarea style="width:500px;resize:auto; min-width:500px; min-height:120px"></textarea>