文本溢出div

-1

編輯：哇，我覺得自己像一個腳跟。這很可能是有史以來發布在互聯網上的最愚蠢的問題。整個問題是我試圖將一個令人難以置信的長詞放入一個div中，並且它溢出了。對不起，我浪費了每個人的時間。文本溢出div

我完全不熟悉CSS。我試圖用一些列或div來組合一個簡單的頁面。我可以創建列很好，但是當我向他們添加文本時，文本只是溢出了列/ div。我如何在相應的div中包含文本？

在我研究過的所有書籍/教程/網站中，這個問題從未出現過。那麼，爲什麼這是我的問題？人們通常做什麼，首先防止這成爲一個問題？

我認爲瀏覽器會在文本到達div末尾時將文本移動到新行。

另外，溢出：隱藏不是我正在尋找。我不想隱藏溢出。我想完全消除溢出。我只想讓文本在列的範圍內自然流動。

我該如何做到這一點？我已經嘗試過文本對齊：center和text-align：justify和word-wrap：word-break，但我覺得我不應該需要這些，而且他們也不會完全按照我的意願給我。或者我需要其中之一？

感謝您的任何幫助。

編輯：這是代表div的代碼。

HTML：

<div id="left"> 
     <h2>Left Column</h2> 
      <p>asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfaf</p> 
</div>

CSS：

#left { 
position: absolute; 
left: 0px; 
width: 240px; 
background-color: green; 
}

在div被包含在相對於位於另一個的div。

來源

2014-04-22 user3128869

向我們展示你的HTML和CSS –

嘗試自動換行：打破字;並給出確定的寬度Div – spetzz

對文本使用p或標題標記。爲包含段落的div設置寬度。使用位置：相對於div。 –

試試這個。

.breakWord120 
{ 
    max-width: 120px !important; 
    word-break: break-all !important; 
    word-wrap: break-word !important; 
    vertical-align: top; 
    line-height: 15px; 
} 

<asp:Label ID="Label1" runat="server" CssClass="breakWord120"></asp:Label>

how to wrap text in grid's column or in label without space

編輯：

<div id="left"> 
     <h2>Left Column</h2> 
      <p>asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdf 
      asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfaf</p> 
</div> 
....... 
....... 
#left { 
position: absolute; 
left: 0px; 
max-width: 240px !important; 
background-color: green; 
word-break: break-all !important; 
word-wrap: break-word !important; 
}

Demo based on your code

來源

2014-04-22 12:42:42

想解釋什麼是asp和teletik與什麼有關？ – Banana

回答

相關問題