1

私はこのようなテーブルを持っています：

+------------+---------------------------------+-----------------------+
|BUTTON      |            Text                 |BUTTON BUTTON          |
+------------+---------------------------------+-----------------------+

私もそれをこのように見せたい：

+------+---------------------------------+-------------+
|BUTTON|            Text                 |BUTTON BUTTON|
+------+---------------------------------+-------------+

つまり、外側の列は、その内容に基づいて必要なだけ広くする必要があります。そして、内側のコンテンツ（ボタン）を並べて配置したいですか？

...これまでの私の最善のアイデアは、外側の列に1pxの幅を設定することです。しかし、ボタンが浮いているので、次のようになります。

+------+---------------------------------+------+
|BUTTON|            Text                 |BUTTON|
|      |                                 |BUTTON|
+------+---------------------------------+------+

jsbinでこの試みを参照してください：http：//jsbin.com/orayoy/1/edit

ありがとう！

4

3 に答える 3

1 
<td style="white-space: nowrap; width: 1px;">...</td>

1列目と3列目。&nbsp;正ではなく、3 列目のボタンの間にa を使用する必要があるかもしれません。

于 2013-01-31T15:48:43.423 に答える
0

例： http： //jsbin.com/orayoy/8/edit

#box {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#a {
    display: table-cell;
    background-color: lime;
}
#b {
    display: table-cell;
    background-color: blue;
}
#c {
    width: 1px;
    white-space: nowrap;
    display: table-cell;
    background-color: red;
}
#c1 {
    display: inline-block;
    height: 100%;
    background-color: pink;
}
#c2 {
    display: inline-block;
    height: 100%;
    background-color: pink;

}
于 2013-01-31T15:43:53.000 に答える
0

テーブルの幅を「自動」に設定すると、コンテンツに基づいてテーブルの幅が決まります。

于 2013-01-31T15:46:19.220 に答える