內容的一個DIV重疊的另一DIV

我有4個格這些是內容的一個DIV重疊的另一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/

我是什麼donig錯誤。 plz help thnks

來源

2013-07-21 Manish Agrawal

試試這個：http://jsfiddle.net/WuZat/70/ –

嘗試修改AccWiseMemo，如下所示，看看它是否有幫助。

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

來源

2013-07-21 13:04:13 Pumpkinpro

它工作正常。但是它破壞了我的格式，這意味着它將整條線路拉出屏幕。你能解決這個問題嗎？謝謝 –

你可以更具體一點，目前還不清楚你想獲得什麼結果，在[這jsfiddle]（http://jsfiddle.net/WuZat/71/）它看起來不錯 – Pumpkinpro

實際上，我使用jquerymobile作出Android手機應用程序。我想連續顯示一些記錄。我可以使用表格，但我使用li標籤，而一個li標籤包含這4個div和結果顯示在一行中。 byr使用溢出我可以管理重疊，但它拉長意味着它需要比設備寬度更多的尺寸，因爲備忘錄文本長度。如果我在其寬度內給出備忘文本，那麼它有適當的方向。所以我需要管理該備忘錄文本的長度，以便我可以在正確顯示的行中處理記錄。所以我認爲我需要在給定寬度後剪切多餘的文字。 –

您必須使用css屬性。

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

請用上面的代碼替換你的代碼並檢查。

來源

2013-07-21 13:13:37

使用word-wrap: break-word;

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

來源

2013-07-21 13:13:59

內容的一個DIV重疊的另一DIV

回答

相關問題