Question

大家好奇，如果你能帮助我的话，那几天就在我的头上撞墙了。

我正在创建一个网站并有2列。当我向他们添加文本而不是自动格式化为文本溢出的列的大小集时。我对此做了一些研究，无法看出我哪里出错了。我查看的所有示例都与我的代码相同，并没有出现此错误。

继承了我的代码

css表

#leftcol {
    float: left;
    height: auto;
    width: 300px;
    padding: 5px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    color: #fefcfc;
    background-color: #3f3f3f;
    text-align: justify;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
#rightcol {
    float: right;
    height: auto;
    width: 500px;
    padding-right: 35px;
    margin-right: 0px;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    color: #fefcfc;
    background-color: #3f3f3f;
    text-align:justify;
}

HTML

<div id="leftcol">dfgdfgdfgfdfdsfsdfdsfdsfdsfsdfsfdsfdsfsdgfgfsadsdsdasdsadsssadsda</div>
<div id="rightcol" style= width "500" > 
  <div>
    <p> sadhjashdjashdjashdakjs</p>
    <p> sadsadkasjdfksajfksjfksdfjkdfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffweweqweqwf</p>
  </div>
</div>

任何帮助都会受到赞赏

感谢

Answer 1

如果我正确理解你，试试这个：

#rightcol {
    word-wrap: break-word;
}

这将迫使长行文本中断。

注意Czechnology的评论，这里有一些无效代码<div id="rightcol" style= width "500" >应该是<div id="rightcol" style="width:500px">，或者根本不在那里（使用CSS）。

停止内容溢出2盒css

1 个答案: