4

私は CMS タイプのシステムに取り組んでおり、コンテンツを表にリストします。問題は、テーブルがデフォルトでどのように機能するかにより、右側の情報 (作成日、ビューなど) が必要以上のスペースを占有し、見栄えがすることです...ばかげています。<td>そのため、タイトルにできるだけ多くのスペースを強制的に使用させ、右側のコンテンツを端に押し付ける方法を誰かが知っているかどうか疑問に思っています。

ここに画像の説明を入力

4

3 に答える 3

4

幅を 100% に設定

<td width="100%">

少しハッキーですが、動作します

編集:他の列が押しつぶされるのを防ぐために、OTHER列でこれを使用します:

<td class="no-wrap">

とスタイルシート

<style>
.no-wrap 
{
    white-space: nowrap;
}
</style>
于 2013-06-09T22:42:05.847 に答える
1

CSS は次のようになります。

.tblX { width: 100%; min-width:480px; max-width:960px}    
.col1 { width: 10%; min-width:48px; max-width:96px}
.col2 { width: 70%; min-width:336px; max-width:672px}
.col3 { width: 20%; min-width:96px; min-width:192px}

そして、あなたのHTMLは次のようになります:

<table class="tblX">
    <tr>
        <td class="col1">some text</td>
        <td class="col2">some text</td>
        <td class="col3">some text</td>
    </tr>
</table>

テーブルの列幅の比率を変更できます。ここにフィドルがあります:http://jsfiddle.net/PVfAW/

于 2013-06-09T22:47:39.437 に答える
0

パーセンテージを使用し、それらの外側の td で「最大」の CSS ルールを作成することをお勧めします。ワードラップ、ワードブレークの CSS3 の例については、こちらを参照してください。http://www.css3.com/css-word-wrap/

于 2013-06-09T23:20:10.200 に答える