html - td html中的文本溢出

Question

p 没有包含在 td 中，请看下面的演示:

http://fiddle.jshell.net/Grp2Q/

<td align="left" style="padding:0px; width:200px;">
      <img src="http://placehold.it/200x200" />
 </td>

 <td style="padding-left:20px;max-width:100%;">
  <p>dfgdfgggggggggggggggggggggdfgdfgdfsdsdfdfgdfgggggggggggggggggggggdfgdfgsdfsdsdfdfgdfgggggggggggggggggggggdfgdfgsdfsdsdf</p>
 </td>

Answer 1

你需要打破文本，为此，让你的table fixed width 而不是使用word-wrap 值为 break-word

的属性

Demo

table {
    table-layout: fixed; /* Make sure you use this as well */
    width: 100%;
}

td {
    word-wrap: break-word;
}