CSS 表格宽度

表格宽度

一般情况下,HTML默认情况下的表格的宽度跟单元格内的内容多少有关系,其中的内容越多,宽度就会相对越大,比如下面的这个实例当中的样式(可在线编辑添加内容,并在线运行):

<table border='1'>
  <tr><td>苹果</td><td>苹果是水果中的一种,当单元格内的内容或字数足够多时,比如超过了容器的宽度,这时单元格中的内容就会进行换行处理。</td></tr>
</table>

表格宽度设置

可以使用CSS中的width属性来设置表格的宽度,比如将width设置为100%,表格的宽度将铺满整个父元素的宽度,实例代码如下:

<table style='width:100%' border='1'>
  <tr><td>CSS</td><td>层叠样式表</td></tr>
</table>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.