CSS对齐表格

我在对齐图像右侧的表格时遇到了问题。图像和表格都在超级表格的单元格中。你能帮我吗？CSS对齐表格

<td class="menu-section" style="background: #F0F;"> <a href="#"> 
    <img class="menu-section-icon" onmouseover="document.getElementById('menu-section-desc-0').style.display = 'block';" onmouseout="document.getElementById('menu-section-desc-0').style.display = 'none';" onclick="document.getElementById('menu-section-sub-0').style.display = 'block';" src="/resources/images/server-icon-breakpoint-web-64.png"> 
    <div id="menu-section-desc-0" class="menu-section-desc" style="background-color: rgb(255, 0, 255); display: none;"> 
     <span class="menu-section-desc-content"> 
      Description stuff 
     </span> 
    </div> 
</a> 
    <div id="menu-section-sub-0" class="menu-section-sub"> 
     <table class="menu-table"> 
      ... table contents ... 
     </table> 
    </div> 
</td>

来源

2014-01-24 Limeth

看起来非常像它不应该首先涉及表。 – Quentin

表是一个懒惰的人的布局工具。其余的使用使用CSS。 –

请描述发生了什么，以及你想要发生什么。 –

尽量使2盒。一个将包含图像，另一个将包含您想要对齐的其他两个表。然后将两个盒子左右对齐

来源

2014-01-24 16:37:07

只是为了好玩，我把一个可以帮助你的div结构放在一起。

FIDDLE

HTML

<div class='leftone'> 
    <div class='littletop'></div> 
    <div class='holderdiv'> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
      <div class='clearboth'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
    </div> 
</div> 

<div class='rightone'> 
    <div class='littletop'></div> 
    <div class='holderdiv'> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
      <div class='clearboth'></div> 
     <div class='mediumdiv'></div> 
     <div class='mediumdiv'></div> 
    </div> 
</div>

的CSS是小提琴。

来源

2014-01-24 19:24:36 TimSPQR

我通过使用div而不是表格来修复它。感谢您的帮助。

来源

2014-01-25 16:58:52 Limeth

回答

相关问题