Question

我正在尝试将表格标题单元格中的某些文本与单元格底部对齐，但我需要将其余文本居中。最好的方法是什么？

Ex期望的输出：

Header 1 is       Header 2           Header 3
on two lines        

    [-]              [-]                [-]

当前输出：

Header 1 is       Header 2           Header 3
on two lines        

                     [-]                [-]
    [-]

Answer 1

通常您会使用vertical-align: bottom;代替vertical-align: center;;但是这也会将Header n带到底部。除了为标题使用两行之外，我无法理解这一点。一个th s，一个td s。将第二行与vertical-align: bottom垂直对齐，第一行与vertical-align: center;

垂直对齐

Answer 2

编辑：在这里：http://jsfiddle.net/TKxrC/20/

尝试这样的事情：

<style>
  th.cool_format {
    position:relative; height:64px;
  }
  th.cool_format .table_head_title {
    position:absolute;
  }
  th.cool_format .some_weird_thing {
    position:absolute;
    bottom:0px;
  }
</style>
<th class='cool_format'>
  <span class='table_head_title'> Header 1 is on two lines </span>
  <span class='some_weird_thing'> [-] </span>
</th>

......没有经过测试。如果它不能正常工作，请尝试给th.cool_format一个固定的宽度，其内部的内容宽度或宽度相同，为100％。如果仍然无效，请将span替换为div s或跨越display:block。

对齐某些文本？

2 个答案:

对齐*某些*文本？

2 个答案:

对齐某些文本？