VALIGN VS在HTML文本对齐

我不能VALIGN VS在HTML中的上下文中有下面的代码文本对齐之间找出区别：VALIGN VS在HTML文本对齐

<table width="500" border="0"> 
    <tr> 
     <td colspan="2" style="background-color:#FFA500;"> 
    <h1>Main Title of Web Page</h1> 
    </td> 
     </tr> 

    <tr valign="top"> 
     <td style="background-color:#FFD700;width:100px;text-align:top;"> 
     <b>Menu</b><br /> 
    HTML<br /> 
     CSS<br /> 
    JavaScript 
    </td> 
    <td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;"> 
     Content goes here</td> 
    </tr> 

    <tr> 
    <td colspan="2" style="background-color:#FFA500;text-align:center;"> 
    Copyright © 2012</td> 
    </tr> 
    </table>

来源

2012-01-06 sandbox

正确的文本对齐值是水平的，而valign是垂直的，因此它是顶部|中间|底部|底部。你也可以在两者上使用继承。

另外，text-align是css，而valign是html属性。我认为align是与text-align等效的html，而vertical-align与valign等价。

http://www.w3schools.com/cssref/pr_text_text-align.asp

http://www.w3schools.com/tags/att_td_valign.asp

如果切换文本对齐到“底”，你会发现它不动的底部是不是有效的文本对齐。默认（我认为）是顶部。如果你把“垂直对齐：底部”，但它会走到底部。

一个简单的网络搜索会发现你这些问题的答案...

来源

2012-01-06 11:45:02 craniumonempty

谢谢...很好的回答！ – sandbox 2012-01-06 11:50:10

的text-align是在CSS和样式水平对齐，其中vertical-align用于垂直对齐。那么我们有align="center"valign="top"是在HTML中为相同的目的相应的属性。

阅读更多关于HTML和CSS，这是我的建议。

来源

2012-01-06 11:34:32 Rolice

嗯所以SO是只为专家？我认为这更多的是，这个问题可能已经被提出了数十亿次，让人们喜欢上了这个问题 – 2012-01-06 11:40:04

不，但是这个HTML和CSS的通用问题，你几乎可以在网上的任何地方找到。尝试在Google中搜索** align **，** valign **，** text-align **，** vertical-align **。当然，你会在第一页看到确切的定义。这里的想法是，分享一个共享问题和各自的解决方案，据我所知，而不是一本百科全书。 – Rolice 2012-01-06 11:46:13

valign将垂直对齐所有元素，而text-align特别针对文本。

来源

2012-01-06 11:36:09 Brissles

和替换的内容。 – 2012-01-06 13:44:09

valign（HTML属性）是在CSS等效的vertical-align

align（HTML属性）是在CSS等效的text-align

HTML属性的版本而使用CSS

vertical-align的弃用将块元素（例如，div）垂直地置于其他块元素内

text-align位置内嵌元素（例如， span，默认文本）水平内部块元素

来源

2012-01-06 11:36:56

'vertical-align positions block elements' - 这是错误的陈述。它垂直放置内联元素。 – 2017-11-28 17:26:20

text-align^{MDN docs}属性用于水平对齐。

您在示例中见证的垂直对齐是因为tr元素的valign="top"属性。

看看你的例子，没有valign在http://jsfiddle.net/gaby/PvtAU/，你会注意到这一点。

valign仅对tr^{MDN docs}和td^{MDN docs}元素有效，在html 4.01中不推荐使用，在html5中不再使用。
使用vertical-align^{MDN docs}代替..

来源

2012-01-06 11:45:45

的text-align: top;值不是有效的CSS，text-align是水平不是垂直的。这是valign="top"进场的地方。投入valign="left"与text-align: top;无效无效。 valign是垂直的。

来源

2012-01-06 14:09:53 BrettAdamsGA

VALIGN VS在HTML文本对齐

回答

相关问题