HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了valign与HTML中的text-align大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我无法通过以下代码弄清楚上下文中的valign与text-align之间的区别:
<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>

解决方法

text-align的正确值是水平的,而valign是垂直的,因此它是top | middle | bottom | baseline.您也可以在两者上使用inherit.

另外,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

如果将text-align切换为“bottom”,您会注意到它不会移动,因为bottom对text-align无效.默认(我认为)是最高的.如果你把“vertical-align:bottom”放在底部,那么它将会显示在底部.

一个简单的网络搜索会找到你这些答案……

大佬总结

以上是大佬教程为你收集整理的valign与HTML中的text-align全部内容,希望文章能够帮你解决valign与HTML中的text-align所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。