一般table如:
<table id="tb1"><tr>
<td>文字1</td>
<td><div>文字2</div></td>
</tr>
</table>
HTML中td标签有两个常用的属性可以控制内容位置
valign控制垂直位置, align 属性规定单元格中内容的水平对齐方式。
值 描述
top 对内容进行上对齐。
middle 对内容进行居中对齐（默认值）。
bottom 对内容进行下对齐。
baseline 与基线对齐。
align属性规定单元格中内容的水平对齐方式。
值 描述
left 左对齐内容（默认值）。
right 右对齐内容。
center 居中对齐内容。
justify 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。
char 将内容对准指定字符。
例如要让"文字1"居中代码如下:
<table id="tb1"><tr>
<td valign="middle" align="center" >文字1</td>
<td><div>文字2</div></td>
</tr>
</table>
如果用CSS可以这样:
<style type="text/css">#tb1 tdtxt1{ / 文字1居中 /
vertical-align: middle; /垂直居中/
text-align:center; /水平居中 /
}
#tb1 tdtxt2 div{ /文字2/
text-align:right; /水平右对齐 /
}
</style>
<table id="tb1">
<tr>
<td class="txt1">文字1</td>
<td class="txt2"><div>文字2</div></td>
</tr>
</table>
另外实际应用中还有更多方法,例如position或者float等CSS方法
参考网址:
http://wwww3schoolcomcn/tags/att_td_alignasp
http://wwww3schoolcomcn/tags/att_td_valignasp
可以用增高行距的办法变通实现垂直居中，完整代码如下：
<html><head>
<style>
body{TEXT-ALIGN: center;}
#center{ MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
height:200px;
background:#F00;
width:400px;
vertical-align:middle;
line-height:200px;
}
</style>
</head>
<body >
<div id="center"><p>test content</p></div>
</body>
</html>
左右居中：margin:0 auto;
上下居中：设置父级div高度（假设为300px）；设置table的高度（假设为100px）。
text-align:center主要针对的是文字，比如>、之类的， 如果只是的话就要设置margin了， 另外，可能是我理解错你的意思了，你的text-align:center是想作用到table吗，这是不行的，margin才可以。
扩展资料：
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：
简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料：
菜鸟教程：HTML教程
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）