全体のセル幅を利用していないテキスト内

Question

私は理解できないような奇妙な問題があります。私はtdの中にタイムスタンプのテキストをいくつか表示しています。奇妙なことは、このテキストは、次の行に移動する前に、使用可能なセル幅全体を使用するよりも複数の行を使用することになります。十分な幅があるので、タイムスタンプのテキストを1行に収めるにはどうすればいいですか？

CSSが現在tdに適用される以下の通りである。適切上記widthテーブル全体幅にtd相対の幅を設定するために使用されていること

width: 30%; 
word-wrap: break-word; 
white-space: pre-wrap; 
white-space: -moz-pre-wrap; 
white-space: -pre-wrap; 
text-align: center; 

注。

Answer 1

<td>の<div>子要素の幅は、表のセルの幅の30％に設定されています。 splunk-timedata-fieldクラスのwidthを100%に設定してみてください。

Answer 2

あなたが与えるCSSは、tdではなくdivに適用されます。 このdivの幅は30％ですので、テキストが壊れます。

divの直後に「== $ 0」という文字列が表示されている可能性があります。

Answer 3

divからクラスを削除し、このクラスをtdに設定できます。 幅30％はテーブルの全幅で機能します。