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

    4.   牛皮癬：font-size設(shè)零

代碼片段：

(x)HTML

<p class="hide_fs">我是擦不掉牛皮癬</p> 
<button class="hide_fs">我是打醬油的文本btn</button> 
<input class="hide_fs" type="submit" />

CSS

.hide_fs{ font-size:0; }

兼容性：

優(yōu)點：

• 方便、快捷

缺點：

• 瀏覽器表現(xiàn)不一致，ie,safari有最小字號，chrome最小12px，ff不顯示文本
• 適用環(huán)境少

    5.   強強聯(lián)合：line-height三倍

代碼片段：

(x)HTML

<p class="hide_lh"><a href="#">目前為止被正常人類普遍接受的疑似最完美隱藏文字方案，傳說是tommy發(fā)明的</a></p> 
<!-- line-height在ff3.6的button無法隱藏文本，需要配合
其他方式 -->
<button class="hide_lh_btn">我是打醬油的文本
btn</button> 
<!-- line-height在ff3.6、opera的input無法隱藏文本，需
要配合其他方式 -->
<input class="hide_lh_btn" type="submit" />  \
<!-- 目前比較完善的方案 -->
<input class="hide_lh_btn_final" type="submit" />

CSS

/* 設(shè)定高度，利用行高將文本撐到容器可視范圍外 */
.hide_lh a, .hide_lh_btn{ 
width:200px; 
height:20px; 
overflow:hidden; 
line-height: 60px;/* 行高最好設(shè)3倍或以上，chrome容易后漏 */
display:block;/* 行內(nèi)元素需要 */
/* 演示需要 */
background-color:#ccc; 
margin-left:300px; 
 } 
.hide_lh_btn_final{ \
width:200px; 
height:20px; 
overflow:hidden; 
line-height:60px; 
display:block; 
font-size:0px; /* opera和ff支持 */
}

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

上一頁 { hide_text } CSS文字隱藏總結(jié)報告 [2] 下一頁 { hide_text } CSS文字隱藏總結(jié)報告 [4]

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