中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

.box { 
-o-text-overflow: ellipsis; 
text-overflow:ellipsis; 
overflow:hidden; 
white-space:nowrap; 
border: 1px solid black; 
width: 400px; 
padding: 20px; 
cursor: pointer; 
}

或許你會考慮當(dāng)鼠標(biāo)經(jīng)過時顯示全部的文本內(nèi)容。

#box:hover { 
white-space: normal; 
color: rgba(0,0,0,1); 
background: #e3e3e3; 
border: 1px solid #666; 
}

有點奇怪，這看起來并不像是重置text-overflow屬性或是停用它，使之生效，在on:hover中我們可以使得white-space的normal屬性�，F(xiàn)在正常了。

知道嗎？您還可以指定自己的字符串，應(yīng)使用省略號的位置。這樣做來修飾要顯示的文本字符串。

8、Flexible Box Model

Flexible Box Model將最終使我們遠(yuǎn)離類似float的困擾。雖然是要給你的頭部換一個新的屬性，但一旦你這么做了，將終身受益。

做個演示，創(chuàng)建簡單的兩列布局。

<div> 
<div> Main content here </div> 
<aside> Aside content here </aside> 
</div>

首先我們要設(shè)定一個容器，然后指定它的寬和高，即便是沒有實質(zhì)性的內(nèi)容在里面。

#container { 
width: 960px; 
height: 500px; /* just for demo */
background: #e3e3e3; 
margin: auto; 
display: -moz-box; 
display: -webkit-box; 
display: box; 
}

接下來分別定義#main和aside的背景色

#main { 
background: yellow; 
} 
aside { 
background: red; 
}

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁 你需要熟知10個的CSS3屬性 [6] 下一頁 你需要熟知10個的CSS3屬性 [8]

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。