在一个div中包裹表

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

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

是否有可能在那里放置一个表格而不是表格这里的文本，但是让它把表格换成div的宽度。我应该补充说，我的身体CSS也有填充。在一个div中包裹表

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

来源

2013-10-05 dev6546

是的，你可以把桌子上有。 – Jacques

我怎样才能包裹它？所以根据div的宽度缩放x列中的单元格？ – dev6546

那么，你想动态调用一个流体列数？你需要javascript或jquery来确定你需要的列数。 – Jacques

你可以把表格放在指定的DIV中。只有当你有像“abcdefghijklmnopqrstuvwxyzabcdefgh”这样非常冗长的单词时，你才会遇到问题。

你可以过来使用word break和你的表永远不会扩展父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/

来源

2013-10-05 02:34:57

在一个div中包裹表

回答

相关问题