2016-05-16 53 views
1

我需要以xHTML为中心整个表格。在HTML中工作的标签不一定在xHTML中工作,但实现它的方式并不明显(对我来说)。以xHTML为中心表格

作品在HTML:

<div> 
<table border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse; width:90%;"> 

中的xHTML不工作:

<div> 
<table border="0" cellspacing="0" cellpadding="0" style="align:center;border-collapse:collapse; width:90%;"> 

使用文本对齐:中心,而不是改变文本的单元格内的定位,而不是整个表格的对齐在页面上。

什么是在xHTML中居中对齐表的正确方法。

+2

我认为你最好使用利润率居中。比如“margin:0px auto”。这更有效。 – durbnpoisn

+0

如果你打算使用CSS,你还应该转换'border','cellpadding'和'cellspacing'。顺便说一下,'align'不是一个CSS属性;你的意思是“文字对齐”。那虽然不行,请参阅durbnpoisn的评论。 –

回答

3

一种方法是在风格属性,使用边距:

<table style="margin-left:auto; margin-right:auto"> 
+0

这比durbnpoisn的回答好吗? –

+1

哈哈...是的,我烧了那个。 :) – durbnpoisn

3

作为答案发帖。 我认为你最好用边距来居中。如:

margin:0px auto; 

这样做的方式更好。希望有所帮助!做到这一点

+0

如果实际上需要在XHTML页面中居中放置一个表格,并强调“X”,那么这可能是更好的答案,因为它说明了将用来做这件事的CSS。请参阅http://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css#answer-2612494等。 – RBV

0

请记住,你正在使用CSS改变形容词/造型,而(X)HTML集中在名词结构(标题,图片,段落等)。 XHTML table是名词,CSS margintext-align是用于描述这些名词的形容词。

而且它易于使用块/直列捕获所有等级:

.center {margin: auto; text-align: center;}