LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

[點晴永久免費OA]table中的td設置固定寬度沒有效果,如何解決?

admin
2020年4月13日 20:54 本文熱度 3909

在做項目中,設置了table中td的寬度的百分比,但是并沒有起作用,這是因為table-layout行的寬度默認是automatic(列寬度由單元格內容設定。)

這時只需要設置table如下樣式即可:
table{table-layout:fixed; word-break:break-all;}

table-layout 有三個屬性:
automatic(列寬度由單元格內容設定)
fixed(列寬由表格寬度和列寬度設定)
inherit(規定應該從父元素繼承 table-layout 屬性的值)


該文章在 2020/4/13 21:02:19 編輯過

全部評論1

admin
2020年4月13日 20:58
1、實現table細邊框,設置如下css:
table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}

2、table表格寬度固定,同時td內容過長也不會被撐開,設置如下css:
table{table-layout:fixed;word-break:break-all;}

3、在上面css設置下,td的width可以設置固定值也可設置百分比,達到某些列寬度固定,某些列按比例自適應的效果:

<html>
< head>
    <style>
        table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}
    </style>
< /head>
< body>
    <table width="50%" style="table-layout:fixed;word-break:break-all;background:#f2f2f2">
        <tr>
            <td width="50">50px</td>
            <td width="50%">50% aaaaaaabbbbbbbccccccc</td>
            <td width="50%">50% aaaaaaabbbbbbbccccccc</td>
            <td width="50">50px</td>
            <td width="100">100px</td>
        </tr>
        <tr>
            <td>50px</td>
            <td>50% aaaaaaabbbbbbbccccccc</td>
            <td>50% aaaaaaabbbbbbbccccccc</td>
            <td>50px</td>
            <td>100px</td>
        </tr>
    </table>
< /body>
< /html>

效果:

50px 50% aaaaaaabbbbbbbccccccc 50% aaaaaaabbbbbbbccccccc 50px 100px
50px 50% aaaaaaabbbbbbbccccccc 50% aaaaaaabbbbbbbccccccc 50px 100px

該評論在 2020/4/13 22:49:52 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved

黄频国产免费高清视频,久久不卡精品中文字幕一区,激情五月天AV电影在线观看,欧美国产韩国日本一区二区
中文字幕乱码中文乱码二区 | 中文字幕亚洲乱码专区 | 亚洲激情视频欧美专区 | 一本一道久久a久久精品综合开 | 午夜电影网中文字幕在线播放 | 亚洲中文字幕高清有码在线 |