如何修復<span>標籤的寬度

我在標籤內部有一個標籤，我希望如果標籤內有長文本，那麼該文本不應該超出div標籤。如何解決它。如何修復<span>標籤的寬度

<div width="100"> 
    <span>this is heading<br/> 
     abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd fdfdf 
    </span> 
</div>

來源

2012-02-15 K. Jaiswal

你到底做了什麼？放入http://jsfiddle.net，以便我們能夠看到您的層次結構 – IamStalker 2012-02-15 05:31:21

將overflow:hidden添加到div的樣式中。

來源

2012-02-15 05:29:02 Purag

你必須寫word-wrap: break-word;

來源

2012-02-15 05:32:59 sandeep

定義在適當的風格標籤寬度。

<div style="width:100px;"> 
    <span>this is heading<br/> 
     abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd fdfdf 
    </span> 
</div>

這會將文本置於div內。

來源

2012-02-15 07:29:00 harshakasireddy

標記<div width="100">無效，在此上下文中瀏覽器忽略width屬性。

如果以有效的方式設置元素的寬度，比如<div style="width: 100px">（這不是一個好習慣，因爲應該避免px的大小），那麼內容將保持在該寬度內。但是，如果內部存在單詞或其他表達式，則瀏覽器無法在這些限制內的一行內進行匹配，則會發生溢出，並且可以採用不同的方式進行處理。這個問題沒有具體說明這是否是問題，然後是什麼樣的解決方案（例如，內容是否被截斷？）。

來源

2012-02-15 07:29:26

如何修復<span>標籤的寬度

回答

相關問題