table tr td{text-align:center}
居中的话可能会出现无法左对齐的情况,建议在其中放一个容器使其居中 然后把文字什么都放在该容器中,就可以实现居中但是又左对齐的情况
居中和左对齐本身就是矛盾的,你可以直接设置一个padding-left值或者text-indent让表格内容有一些左间距就行了
td{text-align:center}
文字再用一个div包裹一下,先让div据中,div里面的文字进行左对齐;注意该包裹的div设置等宽的样式!这样的设计是要求文字的多少的差异不能过大,不然就算达到这个效果也不好看的
给所有td设置如下属性(不要额外给td设置宽度):
td{
padding-left: 50px;
padding-right: 50px;/*padding-left和padding-right的值必须一致,方可实现*/
}
padding 撑开
在td标签中添加align="center"
给文字包裹一层容器,如
abc放弃使用table,如今的html开发已经渐渐摒弃table了。请采用DIV+CSS布局。
td中嵌套div,每个div的宽度要一样,让div设置marigin:0 auto;居中;然后设置div中的文字左对齐text-align:center; 即可实现你想要的效果。
(但是div的宽度尽可能小点才有明显效果,所以这样的话对文字长度有一定限制,可以给div设置文字超出隐藏属性来避免文字超出div而导致的乱版问题)
table tr td{text-align:left}
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
table{border-collapse: collapse;}
tr td{width: 800px;text-align: center;border:solid 1px #ddd;}
div{width: 100px;text-align: left;position: relative;left: 50%;margin-left: -50px;}
</style>
</head>
<body>
<table>
<tr>
<th>td 文字居中+左对齐</th>
</tr>
<tr style="">
<td><div>1.1111111</div></td>
</tr>
<tr>
<td><div>2.2</div></td>
</tr>
</table>
<footer>Copyright © 北京智谱信息技术有限公司 2016-2017</footer>
</body>
</html>
直接剧中。。然后表格设置padding-right
直接float:left
<td align="center>
<div style="text-align: left">
试试这样可以吗
</div>
</td>
在td里面添加div,类似这种的
1.111 |
2.2 |
实现效果如图

1.111 |
2.2 |
用行高,或者用align='center',用前者就得看你的td的杭高了
在td标签中设置对其居中属性
你可以在CSS中统一设置td{text-align:center}
在td中 align="center"
td 里面嵌套span标签,span标签设置dispaly:inline-block; ,然后td设置text-align: center;vertical-align:middle;,让span标签水平垂直居中,最后将span的text-align:left设置左对齐即可实现相应效果。效果如下图所示,
望采纳~!
首先需要确定的就是你这个td中内容指的是什么?难道不是文字么?或者说除了文字之外还有其他的内容么?首先可以确定的就是在td标签上添加text-align:center,可以试文字居中,其他可以再研究一下
居中左对齐的话,只能写死,一旦分辨率或者长度发生变化有可能就变了