300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html css 表格自动高度 html – 表格单元格(IE)中的Textarea CSS {height:100%}

html css 表格自动高度 html – 表格单元格(IE)中的Textarea CSS {height:100%}

时间:2022-06-14 20:58:34

相关推荐

html css 表格自动高度 html – 表格单元格(IE)中的Textarea CSS {height:100%}

注意:这只是IE中的一个问题.

如何强制textarea垂直填充table-cell div?我已将高度:100%应用于所有父元素,但textarea仍保持其默认高度.

截图:

示例代码:

HTML

Thumbnail

Text area

CSS

* {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.table {

display: table;

width: 100%;

height: 100%;

}

.row {

display: table-row;

height: 100%;

}

.col {

display: table-cell;

border: 1px dashed #FF0000;

padding: 5px;

vertical-align: top;

height: 100%;

}

.col-sm {

width: 30%;

}

.col-lg {

width: 70%;

}

.thumbnail {

height: 150px;

width: 200px;

border: 1px solid #CCC;

}

textarea {

width: 100%;

height: 100%;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。