css,表格列宽度.docVIP

css,表格列宽度 篇一：CSS中表格不被撑开的解决办法 CSS中表格不被撑开的 解决办法 在用到表格的时候，当用户名为英文字符时，很容易把固定宽度的单元格撑开。解决办法：先用noWrap强行令文字不换行，再用style=table-layout: fixed;; word-break: break-all;;border-collapse: collapse强制表格不撑开，即达到效果。 需要注意的是：用了nowrap的单元格设置的宽度要用百分比，不然还是会撑开。我们可以给表头的单元格设置宽度。火狐下还要在td里面嵌套一个div。 附： nowrap:一般用在td中禁止自动换行 table-layout:auto | fixed auto : 默认值。默认的自动算法。布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来 fixed : 固定布局的算法。在这种算法中，表格和列的宽度取决于 col 对象的宽度总和，假如没有指定，则会取决于第一行每个单元格的宽度。假如表格没有指定宽度( width )属性，则表格被呈递的默认宽度为 100% 。 word-break:break-all和word-wrap:break-word都是能使其容器如DIV、TD的内容自动换行。 word-break : normal | break-all | keep-all word-wrap : normal | break-word 它们的区别就在于： 1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为coa(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。 2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。 border-collapse : separate | collapse 取值： separate : 默认值。边框独立（标准HTML） collapse : 相邻边被合并 篇二：使用css设计表格边框的方法 使用css设计表格边框的方法 表格边框的css语法, 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。1.上边框宽度 语法: border-top-width: lt;值 允 有关表格边框的css语法 具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 1.上边框宽度 语法: border-top-width: lt;值 允许值: thin | medium | thick | lt;长度 初始值: medium 适用于: 所有对象 向下兼容: 否 上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。 2.右边框宽度 语法: border-right-width: lt;值 允许值: thin | medium | thick | lt;长度 初始值: medium 适用于: 所有对象 向下兼容: 否 右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不 受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。 3.下边框宽度 语法: border-bottom-width: lt;值 允许值: thin | medium | thick | lt;长度 初始值: medium 适用于: 所有对象 向下兼容: 否 下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。 4.左边框宽度 语法: border-left-width: lt;值 允许值: thin | medium | thick | lt;长度 初始值: medium 适用于: 所