包裹在一個div的文本時，寬度超過

我有，我有3列的表。第一欄中有名稱和報告（即如小提琴ACT TSK REM等）鏈接。第二列和第三列有一些要顯示的文字。包裹在一個div的文本時，寬度超過

我有帶班「EmployeeReportsLinks」分區設置寬度和試圖總結的文本，但它不是從「NAW」在第二行去工作「W」。

請建議我爲這個解決方案如果看不到。

這裏是我的html

<table> 
<tr> 
    <td id="tdfirst" valign="top" style="min-width: 250px; width: auto; text-align: left; padding-left: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(248, 248, 248); height: 68px;">Hello TD1 
     <div class="EmployeeReportsLinks" style="width: 200px;display: block; word-wrap: break-word;">ACT&nbsp;TSK&nbsp;REM&nbsp;SAL&nbsp;AFE&nbsp;NAW&nbsp;AW&nbsp;IG&nbsp;CPP&nbsp;COG&nbsp;LS&nbsp;PRE&nbsp; 
     </div> 
    </td> 
    <td class="tdsecond" valign="top" style="min-width:485px;text-align:left;padding-left:5px;padding-top:5px;border-bottom:1px solid #F8F8F8;">Hello TD2</td> 
    <td align="right" valign="top" style="min-width:270px;padding-right:5px;padding-top:5px;border-bottom:1px solid #F8F8F8;">Hello TD3</td> 
</tr>

您可以找到工作示例這裏JS Fiddle

來源

2013-05-13 nrsharma

可怕的標記，內嵌樣式，嵌套不必要的元素，inshort這是一個爛攤子。 ..清理... – 2013-05-13 10:38:39

@外星人我已經更新了標記，請再看看。 – nrsharma 2013-05-13 10:45:06

你的話是包裝，因爲你有風格：word-wrap: break-word;您.EmployeeReportsLinks

你可以刪除該樣式以及您輸入的所有非空白空格（ ）或添加類似

.EmployeeReportsLinks > * {white-space:nowrap;}

但這種否定的word-wrap: break-word;

http://jsfiddle.net/2eRT9/5/（第二個選項的需要）

來源

2013-05-13 11:02:18 Pete

謝謝你，我的作品 – nrsharma 2013-05-13 11:10:46

您好皮特，如果你仔細看的fillde有在第二行的空白處。我知道那是因爲「」，但我們需要將這個標籤分開。我需要這個，我想從第二排移除這個空間;所以它會與第一排對齊。請儘快幫助我。 – nrsharma 2013-06-07 12:12:56

爲什麼你需要使用一個「不分隔符」來分隔'a'標籤？ – Pete 2013-06-07 12:15:52

包裹在一個div的文本時，寬度超過

回答

相關問題