关于HTML的<table>和CSS,如何实现:<td>单元格内的内容不满单元格时居中显示,超过单元格的则左对齐?

html-css018

关于HTML的<table>和CSS,如何实现:<td>单元格内的内容不满单元格时居中显示,超过单元格的则左对齐?,第1张

<td><div>内容内容内容内容内容</div></td>

<td><div>内容</div></td>

td{

    width: 100px

    text-align: center

}

div{

    text-align: letf

}

给放文本的元素设置宽度width:Xpx它就会自动换行。再添加text-align:center即可文本居中显示。

<div style="width:300pxtext-align:centerborder:0.5px solid red">

<p>文本居中</p>

</div>

#one{

text-align:center//居中

font-size:12px//字体大小为12像素

line-height:20px

height:20px

font-weight:bold//加粗

width:200px

margin:auto

}

#two{

text-align:center//居中

font-size:12px//字体大小为12像素

line-height:20px

height:20px

font-weight:bold//加粗

width:200px

margin:auto

}

<div id="one">第一</div>

<div id="two">第二</div>