HTML + CSS處理常見問題

xiaoyuyyun發表於2014-07-16
HTMLCSS
1. 文字強制不換行,多餘部分用省略號代替
white-space:nowrap;text-overflow:ellipsis;overflow:hidden;



2. 火狐，<textarea>禁止拖拽拉動
resize:none; 或者 min-width:;max-width:;min-height:;max-height:;



3. 火狐，<label>放入多個input, text需要多次點選才可以打字，radio則無法實現單選
改用<p></p>標記書寫



4. <a> 標記去除虛線框
a{outline:none;blr:expression(this.onFocus=this.blur());}



5. <img>下方出現5px空白
img{display:block;}



6. banner圖片滿屏居中顯示
<div>
        <img >
</div>
div {position:relative;overflow:hidden;height:200px;text-align:center;}
div img{position:absolute;left:50%;top:0;margin-left:-1250px;}
(注意：margin-left:所得到的值是img的尺寸除以2。)



7. 背景透明
filter:alpha(opacity=80);opacity:0.8;



8. 火狐裡,<label>放入多個input,text則需要多次點選才可以打字，若為radio則無法實現單選
改用<p>標記書寫
9. <p></p>可在網頁上直接更改內容,規定是否允許使用者編輯內容
Contenteditable=“true”



10.input失去焦點文字消失
<input type="text" value="請輸入使用者名稱" class="in_serch" />


相關文章