html文字怎么设置居左居中居右?

html文字怎么设置居左居中居右?,第1张

<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

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7020456.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存