2 xiaozhutou love xiaozhutou_love 于 2017.12.01 14:03 提问

怎么让td中的内容居中 并且文字左对齐

怎么让td中的内容居中 并且文字左对齐,如图
图片说明

24个回答

GreyBearChao
GreyBearChao   2017.12.01 14:45

给所有td设置如下属性(不要额外给td设置宽度):
td{
padding-left: 50px;
padding-right: 50px;/*padding-left和padding-right的值必须一致,方可实现*/
}

qq_35728177
qq_35728177   Ds   Rxr 2017.12.01 14:09

居中的话可能会出现无法左对齐的情况,建议在其中放一个容器使其居中 然后把文字什么都放在该容器中,就可以实现居中但是又左对齐的情况

FlyAngle1
FlyAngle1   2017.12.01 16:40

给文字包裹一层容器,如

abc
然后td{
text-align:center;
}
span{
text-align:left;
}
qq_40050220
qq_40050220   2017.12.01 14:04

table tr td{text-align:center}

u013300742
u013300742   2017.12.01 14:09

居中左对齐的话,只能写死,一旦分辨率或者长度发生变化有可能就变了

qq_1773021144
qq_1773021144   2017.12.01 14:26

td{text-align:center}

qq_35235940
qq_35235940   2017.12.01 14:25

居中和左对齐本身就是矛盾的,你可以直接设置一个padding-left值或者text-indent让表格内容有一些左间距就行了

m0_37852904
m0_37852904   2017.12.01 14:44

文字再用一个div包裹一下,先让div据中,div里面的文字进行左对齐;注意该包裹的div设置等宽的样式!这样的设计是要求文字的多少的差异不能过大,不然就算达到这个效果也不好看的

lingoLi
lingoLi   2017.12.01 14:54

padding 撑开

Who8else
Who8else   2017.12.01 16:38

在td标签中添加align="center"

共24条数据 1 3 尾页
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!