zoukankan      html  css  js  c++  java
  • table固定宽度大小

    style="table-layout: fixed;" 设定table自动换行,长字符串内容会溢出不换行,

    需要.c1{ 300px;word-wrap:break-word;border:1px solid red;}最佳做法 强制字符换行 

    td的width设定固定长度后,如果有剩余长度为填充则会默认平均分配到各个列宽度中加上平均值

    <table border="1px" style=" 200px; background-color:Gray;">table默认只有文字或段字符串字段,则

    <td width="50px">测试1测试1测试1测试1测试1测试1</td>width其左右并自动换行,如果其中存在长字符串内容

    则默认以长字符串长度优先考虑,table宽度不够自动蹭宽,其余td自动压缩,width失效。

    <table border="1px" style=" 200px; background-color:Gray;table-layout: fixed;">

    table-layout: fixed对长字符串可让其溢出,不会自动增宽,其余td width宽度固定,但溢出部分可能遮盖其他td内容

    <table border="1px" style=" 200px; background-color:Gray;table-layout: fixed;word-wrap:break-word;">

    table-layout: fixed;word-wrap:break-word可全局设置,对长字符串也自动适应长度强制换行。

    <td style="word-break:break-all"> 

    <td width="50px" style="word-wrap:break-word;">sddddffddddddddddddddddddddddvfaskjhkjsadhkjasn</td>

    td 只针对某一列的长字符串其左右,强制其换行,其余不受影响。

    <td width="50px">测试1</td>

  • 相关阅读:
    UVA 10905
    UVA 10859 树形DP
    LA 4794 状态DP+子集枚举
    LA 3695 部分枚举
    UVA 11825 状态压缩DP+子集思想
    UVA 10891 区间DP+博弈思想
    HDU 5239 上海大都会 D题(线段树+数论)
    HDU 5242 上海大都会 G题
    HDU 5241 上海大都会 F题
    P1359 租用游艇
  • 原文地址:https://www.cnblogs.com/wangfengderizi/p/2824689.html
Copyright © 2011-2022 走看看