1、首先需要打开sublimeText编辑器。
2、然后需要按照图示代码编写一个html页面,并且放入一张背景。
3、效果显示如下图,图片还是原来大小的背景。
4、然后需要按照图示代码利用css属性background-size: cover把整个背景填充。
5、效果显示如下图,图片table高度把屏幕占满。
表格固定高度在css中使用height属性设置就是了。示例如下:
html代码:
<table class="table"><tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
CSS代码:
.table{width:400pxheight:400px}.table td{border:1px solid #ccctext-align:center}
这里表格的高度就被定义成了400px。
两种情况:
列宽不固定:
不用设置隐藏, 设置table或table的父标签宽度, 因为会自适应宽度, 只要规定个高就可以了
table tr{
height: 30px /*把table标签的行高设定为固定值*/
}
2. 列宽固定:
设置隐藏, 如果要设置table或table的父标签宽度, 因超过不会自适应宽度, 每行会折行而破坏宽度, 所以要设置隐藏
table tr{
height: 30px /*把table标签的行高设定为固定值, 高度根据自己需求设定*/
overflow: hidden /*超过隐藏*/
}