用css改变table中的td居中问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用css改变table中的td居中问题相关的知识,希望对你有一定的参考价值。

html中的table中的td ,假如td 的边框上下左右都大于内部的文字,那么,这些文字就会在整个td框中上下居中,左右居中显示了。问题就出来了,就是怎么用css把这个td改为正常的显示方式,就是从左到右,从上到下。请网友指教 回复Fish,table tdtext-align:left;是不行的,不信的就试试。

参考技术A 我表示完全没问题。

<style>
td
padding:0px;
text-align:left;
vertical-align:top;

</style>
<body>

<table width="256" height="173">
<tr>
<td rowspan="2">123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
</table>

</body>
参考技术B

无法理解你的描述

大概猜测你的表格中的 td 有很大的边框,但是其中某一个单元格不需要边框,把td内的文字,从上到下,从左到右显示....直接去除这个单元格的border,padding什么的就可以了。。td单元格默认垂直居中的,要居上使用valign="top"

<td valign="top" style="border:0; padding:0;">...</td>

参考技术C 左右居中就是:text-align:left;
表格上垂直方向顶部对齐要在td上写:<td valign="top">
参考技术D text-align: left;//这句是文字靠左
vertical-align: text-top;//这句是文字靠上
如果设置了不行的话,看一下是不是css优先级的问题没有设置成功
第5个回答  2011-10-21 thodylk 回答是没有错的噶~
css控制就是他那样写的~

table中的td的内容怎么居中

参考技术A 用DW,这种做法也是每个里面都加上align=center,如果觉得代码不够简练就用CSS td text-align: center; 相同的 .ys 你的CSS代码 你自己命名的class 前面得加点的哦 .ys span class=ys 标准写法是要加上引号的 align=center也是

以上是关于用css改变table中的td居中问题的主要内容,如果未能解决你的问题,请参考以下文章

怎么样把table表格使用css样式居中显示

用table建立表单时,td元素下的提交按钮如何居中

table中如何用CSS控制<tr>><td>的宽度和高度

html中怎么在CSS中设置TABLE的每一个TD的不同宽度

在html中table表格中如何让td的高度变短 如图 求大神支招

table 里面td 中文字居中的问题。