在css中限制文本區域

我試圖限制我可以在我的網站上寫文本的區域。在css中限制文本區域

<div id="header"> 
<div id="text"> 
    sample text 
</div> 
</div>

當我嘗試在text寫人物衆多，有沒有斷線超過給定的空當。

#header 
{ 
background-color: #fff; 
height: 100px; 

} 

#text 
{ 
margin-left: 200px; 
width: 200px; 
}

我的錯誤是什麼？

來源

2012-07-22 user896692

做到這一點的方法： -

#text 
{ 
    margin-left: 200px; 
    width: 200px; 
    border: 1px solid; 
    word-wrap: break-word; 
}

參考LIVE DEMO

來源

2012-07-22 19:20:34

如果您嘗試執行換行操作，以下操作將起作用。

#text{ 
    word-wrap: break-word;  /* Most modern browsers */  
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Firefox */  
    white-space: -pre-wrap;  /* older versions of Opera */ 

}

該word-wrap財產並不僅限於較新的瀏覽器。老的瀏覽器似乎也支持它。

從CSS3草案，

遺留原因，某些實驗CSS屬性不遵循這個前綴約定。兩個常見的例子是「文字包裝」和「文本溢出」屬性，在引入供應商在CSS2.1中的前綴策略之前，由Microsoft Internet Explorer引入前綴，隨後實施前綴未定瀏覽器，儘管缺乏W3C規範，但仍然依賴前綴名稱。

查看文章here和w3c reference。

來源

2012-07-22 19:18:38

#text ..edit你的答案 – 2012-07-22 19:20:21

Isn't沒有CSS3有另一種可能性？ – user896692 2012-07-22 19:20:33

它不僅限於CSS3。見[this]（http://www.impressivewebs.com/word-wrap-css3/）。我編輯了我的答案。 – 2012-07-22 19:23:32

在css中限制文本區域

回答

相關問題