таблица обертывания в div

Question

<div id="panelBelow"> 
    <div id="moveLeftDown"> 
      <p>table here</p> 
    </div> 
</div> 

#panelBelow 
    { 
     width:100%; 
     height:30px; 
     background-color:#FFFFFF; 
     margin-top:15px; 
    } 

Можно ли разместить стол вместо таблицы здесь текст, но пусть это стол обертывается до ширины div. Я должен добавить, что на моем теле тоже есть прокладка.

body 
    { 
     font-family:HelveticaNeue-Light; 
     font-size:14px; 
     padding:20px; 
     background-color:#808080; 
    } 

Answer 1

Вы можете разместить таблицу внутри указанного DIV. У вас будет проблема только в том случае, если у вас очень длинное слово вроде: «abcdefghijklmnopqrstuvwxyzabcdefgh».

Вы можете найти это, используя слово-перерыв, и ваша таблица никогда не расширяет родительский div.

<div id="panelBelow"> 
    <div id="moveLeftDown"> 
      <table> 
       <tr> 
        <td>1</td> 
        <td>Hello world!</td> 
        <td>Goes a long sentence</td> 
        <td>andyoumightbeafraidofthis</td> 
        <td>actions</td> 
       </tr> 
     </table> 
    </div> 
</div> 

body 
    { 
     font:normal 14px Arial; 
     padding:20px; 
     background-color:#808080; 
    } 

#panelBelow 
    { 
     width:300px; 
     background:#FFFFFF; 
     margin-top:15px; 
    } 

table { 
    border-collapse:collapse; 
    table-layout:fixed; 
} 

td{ 
    border:1px solid #ccc; 
    padding:5px 10px; 
    vertical-align:top; 
    word-break:break-word; 
} 

Рабочая: http://jsfiddle.net/shekhardesigner/ej2RD/