zayzy 2022-03-21 19:07 采纳率: 94.1%
浏览 15
已结题

关于表格的宽度问题是否可变

表格宽度允许使用百分比吗，为什么我给单元格设置百分比，宽度成了内容宽度？给父亲加上100%也没用。目前的情况是给这个表格的表头设置宽度，表头固定

  • 写回答

1条回答 默认 最新

  • 你好！机器人 2022-03-21 22:40
    关注
    
<!doctype html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <title>防止table变形 td固定宽度</title>
        <style type="text/css">
            table {
                /*为表格设置合并边框模型*/
                border-collapse: collapse;
                /*列宽由表格宽度和列宽度设定*/
                table-layout: fixed;
            }

            td {
                border: 1px solid #ddd;
                /*允许在单词内换行。*/
                word-break: break-word;
                /*设置宽度*/
                width: 100px;
            }
        </style>
    </head>

    <body>
        <table>
            <tr>
                <td>DataDataDataDataDataDataDataDataDataDataDataData123</td>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
            <tr>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
                <td>Data</td>
            </tr>
        </table>
    </body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 8月3日
  • 已采纳回答 7月26日
  • 创建了问题 3月21日