2

私は最近、セル/列をコンテンツの幅に合わせる方法を見つけようとしていました。私が探していたものの請求書に完全に適合しているように見えるstackoverflowに関する質問を見つけました: How to make width of a column fit to its contents in HTML table?

私の問題は、セルの内容にスペースを追加したときに、改行が追加され、次の単語が次の行に移動したことでした。

したがって、このコード：

<div style="max-width:700px;">
<table border="1">

    <tr><td width="1px">Papua New Guinea:</td><td >Goroka</td></tr>
    <tr><td colSpan="2">this is a loooooooooooooooong text</td></tr>
</table>

次のテーブルを生成します。

http://cl‍.ly/image/2F0V1J3V2u22

代わりに、これは私が欲しかったものです：

http://cl‍.ly/image/2m0a0m0t0L0v

&nbsp;スペースの代わりに入れるとこれが修正されることを理解しています。私の問題は、これがメール ニュースレター テンプレートで使用されており、そのセル内のテキストが動的であることです。スペースがある場合とない場合があります。たとえば、昨日はボリビア、今日はパプア ニューギニアと書かれていましたが、問題に気付いたのはその時です。

4

1 に答える 1

2

試しましたか

td {
    white-space: nowrap;
}

http://jsfiddle.net/QkNqk/

使用することもできます

td {
    white-space: pre;
}

ソース内の改行で改行を作成できるようにします。改行がない限り、テキストは 1 行に収まります。

于 2012-10-31T20:08:20.640 に答える