<div class="text clearfix" style="text-align:center">
2.<span style="float:right">居右</span><span style="float:left">居左</span>居中
</div>
<table width="" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<td bgcolor="#FFFFFF" align="left">居左</td>
<td bgcolor="#FFFFFF" align="center">居中</td>
<td bgcolor="#FFFFFF" align="right">居右</td>
</tr>
</table>
<head><style type="text/css">
td {
text-align:center/*设置水平居中*/
vertical-align:middle/*设置垂直居中*/
}
</style>
</head>
<body>
<table border="1" cellspacing="0" width="800px" height="190px">
<tr>
<td>monday</td>
<td>tuesday</td>
<td>wednesday</td>
</tr>
<tr>
<td>thursday</td>
<td>friday</td>
<td>satarday</td>
</tr>
<tr>
<td>sunday</td>
<td>friday</td>
<td>satarday</td>
</tr>
</table>
</body>
说明:如果要在css中控制<td>标签中的文字垂直居中,那么可以设置td标签选择器下的属性:vertical-align这个属性有三个值:top ,bottom,middle 其中,middle属性值代表垂直居中。
代码:td {
vertical-align:middle
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)