CSS換行符文本時長

我搜索了很多，發現了很多不同勢的答案，但沒有工作給我。CSS換行符文本時長

我有一個表格單元格wiech包含量變到質變的文本。當文本太長時，表格單元格就會變得很粗糙。

我需要它來打破行這樣的細胞都會有他原來的寬度。

這是我的表CSS：

#userbar { 
    margin: 0 auto; 
    width: 400px; 
    border: 1px solid grey; 
    height: 90px; 
    margin-bottom: 3px; 
} 
#userbar table { 
    width: 400px; 
    height: 90px; 
} 
#userbar th,td { 
    padding: 0px; 
    padding-right: 3px; 
    paddin-left: 3px; 
    vertical-align: top; 
}

這是我的HTML（和PHP的一點點）代碼：

echo "<div id='userbar'><table><tr><th colspan='2'><span style='float: right;'> Hello ".$det['p_name']."</span><span style='font-weight: normal; float:left;'>Date today:".date('d.m.Y')."</span></th> 
<tr><td style='width:70px;padding:0px; vertical-align: middle;'><img src='images/logo.jpg' style='width: 70px; height: 65px; vertical-align:middle;'></td> 
     <td style='font-size: 14px; width:330px;'><b>System messages</b></br>"; 
    if (empty($s_m)) { 
     echo "there isn't any new system messages."; 
    } else { 
    echo "<span style='display: inline;'>".nl2br(mb_substr($s_m['content'],0,50,'UTF-8'))."</span>"; 
} 
echo "</td></tr></table></div>";

我談論的是conatin表格單元格系統消息（<td style='font-size: 14px; width:330px;'>）。

謝謝。

來源

2014-03-30 OfirH

使用max-width財產。
替換此：

<td style='font-size: 14px; width:330px;'>

與此：

<td style='font-size: 14px; max-width: 330px; width:330px;'>

來源

2014-03-30 16:13:49

謝謝！它可以與之前很少提到的'wrap-wrap'屬性結合使用。 – OfirH

嘗試使用word-wrap: break-word;

來源

2014-03-30 16:10:13 user1721803

我allredy試過了..沒有工作。我在''標籤上試了一下。我應該把它放在別的地方嗎？ – OfirH

可以使用換 - CSS屬性，

td { 
    word-wrap:break-word; 
}

此屬性防止長單詞突破界限的結束。另一種東西，你可以設置table-layout

table { 
    width:300px; 
    table-layout:fixed; 
}

入住這Demo jsFiddle

來源

2014-03-30 16:10:52

我allredy試過，沒有工作。我在標籤上試過了。我應該把它放在別的地方嗎？ – OfirH

你應該應用表格寬度固定寬度：300px;並嘗試它。 –

試試'word break：break-all;'而不是 – dude

CSS換行符文本時長

回答

相關問題