0

フィドル-ここでは、まったく同じスタイルのテーブルが2つあります。TDの幅は、によって自動調整されtable-layout.ます。テキストが1行しかない場合は、問題なく機能します。しかし、より多くのテキストがあり、テキストが歪んでいる場合、幅は、テキストの最も長い歪んだ部分ではなく、すべてのテキストによって計算されているように見えます（1行にあるように）。

問題は、1番目のテーブルで行われるのと同じ方法でテーブルnr2のコンテンツを中央に配置する方法です。（atmそれはまったく中心にあるようには見えません...）

ここに画像の説明を入力してください-これはどのように見えるかです（下の方）-必要のない黄色のスペースは、テーブルを中央に配置できるようにカットする必要があります。

4

2 に答える 2

2

td { text-align:center }

最初の表のテキストは、実際には中央に配置されていません。セルの両側に呼吸する部屋がないため、そのように見えます。

上記のようなグローバル宣言を行うと、残りのセルをさらに微調整できます。

td.first { text-align:left; font-weight:700 }など

編集

幅を宣言しないと、その効果を達成することはできません。テーブルはdivデフォルトでは のように動作しないので、それを与えたところdisplay:block, width:80%、現在はテーブルの中央にあり、tdはその親を正しく埋めていなかったので、 を与えましたwidth:100%。

これがあなたが求めているものだと思います：http://jsfiddle.net/hJXb9/

于 2012-11-29T14:32:39.243 に答える
0

これを探していると思います。

    <table style="width:60%;margin-left:20%;margin-right:20%;">
    <tr>
        <td style="background:green;text-align: center; vertical-align: middle;">
            TADA
        </td>
        <td style="background:yellow;text-align:center; vertical-align: middle;">
            Lorem ipsum dolorsitamet kjfldslggfh;l</td>
        </tr>
    </table>

ライブデモ

希望、私はあなたを助けます。ありがとう。!!

于 2012-11-29T14:41:46.337 に答える