Question

#container {
    box-shadow: 10px 10px 5px #888888;
    /*bg transparent*/
    background-color: rgba(255, 255, 255, 0.4);
    max-width: 960px;
    /*centrat in pagina*/
    margin: 0 auto;
    /*distanta dintre border si continut*/
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    min-height: 95vh;
    position: relative;
}

#header {
    background-color: #FFA500;
    position: relative;
    overflow: auto;
}

#menu {

    background-color: #FFD700;
    /*dimensiune*/
    width: 135px;
    /*pozitie*/
    float: left;
    text-align: center;
    /*margini fata de elemente*/
    margin-right: 5px;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#content {
    background-color: #EEEEEE;
    /*dimensiune*/
    min-height: 685px;
    width: 740px;
    /*pozitie*/
    position: relative;
    /*margini fata de elemente*/
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

Container拥有一切。 Header位于container内部。在它下面，我有一个名为cont的div没有关联的样式。在它的左边，我在右边有menu和content。在content里面我有一个溢出div的表。如何使该表适合div？

这是我的应用的图片。 http://i.imgur.com/BVMlIEF.png?1

Jfiddle http://jsfiddle.net/5f9A4/

Answer 1

由于您添加了一个没有任何空格的长文本，因此出现此问题。添加以下CSS。希望它能解决问题。

 #content table td
 {
  word-wrap:break-all;
 }

我在你的小提琴中复制了（与你的形象相似）的问题。查看HERE

之后我添加了上面的解决方案来解决这个问题。查看Updated Solution HERE.

表信息制作表溢出div

1 个答案: