0

したがって、テーブルに2つのtdが並んでいます。最初の td には境界線があり、2 番目には境界線がありませんが、内部の要素には境界線があり、両方の境界線を揃える必要があります (上と下)

では、要素が境界スペースにないため、境界スペースを「越える」方法はありますか? td 内の要素を拡大しようとすると、td が拡大し、そこにない場合でも 1px の境界線の間隔が維持されます。

ラフhtml:

<table><tr>
<td class="border">1</td><td class="noborder"><span class="border">Text</span></td>
</tr></table>

より良い写真については、このフィドルを参照してください:) http://jsfiddle.net/LcGks/1/

何か案が?

4

3 に答える 3

1

あなたがしたいことは、最初と2番目のtdでtdのコンテンツの高さを変えると思います。テーブルでは、行のすべての要素が同じ高さであるため、これにはテーブルを使用しないでください。

それ以外の場合、私が考えることができる回避策は、td.noborder に上下の境界線を適用することです。これにより、両方の td が整列します。

このような

td.noborder {
    border: solid blue;
    border-width: 1px 0px;
    padding: 0px;
}

ここを参照してくださいhttp://jsfiddle.net/LcGks/1/

于 2013-09-24T04:05:35.120 に答える