html table标签

table的基本样式:https://blog.csdn.net/lilongsy/article/details/77606662

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<table width="95%" border="1" cellpadding="2" cellspacing="1" style="table-layout:fixed;">
<!=-- width="95%":设置占屏幕的百分比
style="table-layout:fixed;":半角符连续字符会自动换行,注意设置了这个属性tr和td就不要轻易加height属性否则会无法生效 -->
  <tr>
    <td width="50px" nowrap>序号</td>
    <td width="150px" nowrap>分类A</td>
    <td width="150px" nowrap>分类B</td>
    <td width="200px" nowrap>名称</td>
    <td align="left" width="150px" style="word-wrap:break-word;">说明fdsaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
  <!-- style="word-rap:break-word;":如果td设置了宽度,半角符连续字符会自动换行,否则要在table加
style="table-layout:fixed;" -->

<td width="100px" nowrap>操作</td> </tr> …… </table> </table> </body> </html>

猜你喜欢

转载自www.cnblogs.com/jiangfeilong/p/10432509.html