Html 如何将tablecolumn与中间对齐? 我有一个嵌套表,目前看来,带有DoCipe类的嵌套表的第二列与顶部相比要比中间对齐得多。它包含“约翰”。桌子的其余部分看起来不错: <table class="strategies"> <thead> <tr> <th class="first_single">Your spending and savings. </th> <th class="second"></th> <th class="fourth">Road</th> <th class="fifth_single"></th> </tr> </thead> <tbody> <tr ng-class="'odd'" class="odd"> <td> <table class="docInfo"> <tbody> <tr> <td rowspan="2" class=""><img src="/concierge/images/doc7.png" alt="docimage"></td> <td>John</td> </tr> <tr> <td><span><p>Mar 6,2015 9:10:11 AM </p></span></td> </tr> </tbody> </table> </td> <td>Selected</td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',1)" ng-show="strategy.statuses[0].status!='selected'" class=""><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[0].status=='selected'" class="ng-hide"></td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',2)" ng-show="strategy.statuses[1].status!='selected' &amp;&amp; persons.length == 2" class="ng-hide"><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[1].status=='selected'" class="ng-hide"></td> </tr> <tr ng-class="'odd'" class="odd"> <td> <table class="docInfo"> <tbody> <tr> <td rowspan="2" class=""><img src="/concierge/images/doc7.png" alt="docimage"></td> <td>Bert</td> </tr> <tr> <td><span><p>Mar 6,2015 9:10:11 AM </p></span></td> </tr> </tbody> </table> </td> <td>Selected</td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',1)" ng-show="strategy.statuses[0].status!='selected'" class=""><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[0].status=='selected'" class="ng-hide"></td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',2)" ng-show="strategy.statuses[1].status!='selected' &amp;&amp; persons.length == 2" class="ng-hide"><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[1].status=='selected'" class="ng-hide"></td> </tr> </tbody></table>

Html 如何将tablecolumn与中间对齐? 我有一个嵌套表,目前看来,带有DoCipe类的嵌套表的第二列与顶部相比要比中间对齐得多。它包含“约翰”。桌子的其余部分看起来不错: <table class="strategies"> <thead> <tr> <th class="first_single">Your spending and savings. </th> <th class="second"></th> <th class="fourth">Road</th> <th class="fifth_single"></th> </tr> </thead> <tbody> <tr ng-class="'odd'" class="odd"> <td> <table class="docInfo"> <tbody> <tr> <td rowspan="2" class=""><img src="/concierge/images/doc7.png" alt="docimage"></td> <td>John</td> </tr> <tr> <td><span><p>Mar 6,2015 9:10:11 AM </p></span></td> </tr> </tbody> </table> </td> <td>Selected</td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',1)" ng-show="strategy.statuses[0].status!='selected'" class=""><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[0].status=='selected'" class="ng-hide"></td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',2)" ng-show="strategy.statuses[1].status!='selected' &amp;&amp; persons.length == 2" class="ng-hide"><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[1].status=='selected'" class="ng-hide"></td> </tr> <tr ng-class="'odd'" class="odd"> <td> <table class="docInfo"> <tbody> <tr> <td rowspan="2" class=""><img src="/concierge/images/doc7.png" alt="docimage"></td> <td>Bert</td> </tr> <tr> <td><span><p>Mar 6,2015 9:10:11 AM </p></span></td> </tr> </tbody> </table> </td> <td>Selected</td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',1)" ng-show="strategy.statuses[0].status!='selected'" class=""><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[0].status=='selected'" class="ng-hide"></td> <td><img src="/concierge/images/rb_unchecked.png" alt="radiobutton" ng-click="changeStatus(strategy,'selected',2)" ng-show="strategy.statuses[1].status!='selected' &amp;&amp; persons.length == 2" class="ng-hide"><img src="/concierge/images/rb_checked.png" alt="radiobutton" ng-show="strategy.statuses[1].status=='selected'" class="ng-hide"></td> </tr> </tbody></table>,html,css,Html,Css,这里有一个提琴参考:要实现这一点,没有那么多事情要做。首先,您必须在声明时保持一致: <td>John</td> 总而言之: 1用*日期*替换*日期*,以与名字一致 2删除线高度:0.2 看 <td>John</td> <td><span><p>Mar 6,2015 9:10:11 AM</p></span></td> line-height: 0.2;

这里有一个提琴参考:

要实现这一点,没有那么多事情要做。首先,您必须在声明时保持一致:

<td>John</td>
总而言之:

1用*日期*替换*日期*

,以与名字一致

2删除线高度:0.2

<td>John</td>
<td><span><p>Mar 6,2015 9:10:11 AM</p></span></td>
line-height: 0.2;