Question

我有4个div这些

<div id="wrapper"><div id="AccWiseDate">Date</div><div id="AccWiseMemo">MemoMemoMemoMemoMemoMemo</div><div id="AccWiseDebit">Debit</div><div id="AccWiseCredit">Credit</div></div>

我的css代码是

#wrapper {
    position: relative;
  width:100%;
  clear: both;
}

#AccWiseDate {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
}

#AccWiseMemo {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
}

#AccWiseDebit {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
}

#AccWiseCredit {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
}

有时备忘录比宽度大得多，所以它与另一个div重叠。我需要隐藏额外的文字。有关详细信息，请参阅jsfiddle http://jsfiddle.net/WuZat/65/

我错了什么。 plz帮助thnks

Answer 1

尝试修改AccWiseMemo，如下所示，看看是否有帮助。

#AccWiseMemo {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
    overflow:hidden;
}

Answer 2

你必须使用css属性。

#AccWiseMemo {
float: left;
width:25%;
text-align: left;
font-size: 15px;
word-break: break-all;}

请用上面的代码替换你的代码并检查。

Answer 3

使用word-wrap: break-word;

#AccWiseDebit {
    float: left;
    width:25%;
    text-align: left;
    font-size: 15px;
    word-wrap: break-word;
}

一个div的内容与另一个div重叠

3 个答案: