中心HREF在表中

时间:2011-10-26 14:37:36

标签: html css

嘿伙计再次与另一个轻松的人。我想在下面的表格中将Href的文本居中:我应该在标签上放置样式:中心吗?

    <table class="link_table" style="display: inline;margin: 0 40px">             
        <tr>             
        <td>                 
        <a href="show.hotpartslist">Proceed</a>              
        </td> 
        </table>
        <table class="link_table" style="display: inline;margin: 0 40px">       
        <td>                 
        <a href="show.home">Cancel</a>                 
        </td>                 
        </tr>         
        </table>

enter image description here

2 个答案:

答案 0 :(得分:1)

在表格单元格上使用text-align:center。

像这样:

<table style="width: 300px;">
    <tr>
        <td style="text-align: center;">
            <a href="">somelink</a>
         </td>
    </tr>
</table>

答案 1 :(得分:0)

除了显而易见的是你不应该使用表格格式化布局---将你的表格包装在Div中并设置text-align:center;此外,您在输入的代码中错过了结束</tr>和开头<tr>,并不确定您的网页上是否也是如此。

<div style='text-align: center;'>
 <table><tr><td>Proceed</td></tr></table>
 <table><tr><td>Cancel</td></tr></table>
</div>

更好的方法是处理这样的事情

<table>
 <tr>
  <td><div class='link_table'>Proceed</div></td>
  <td><div class='link_table'>Cancel</div></td>
 </tr>
</table>

更好

<div id="buttonWrapper">
 <div id='proceed' class='link_table'>Proceed</div>
 <div id='cancel' class='link_table'>Cancel</div>
</div>


<style type='text/css'>
 #buttonWrapper { display: table; margin: auto; }
 #proceed { float: left; margin-right: 50px; }
</style>