span標簽 寬度無效解決方案


完美的解決方案

下 面代碼的CSS定義完美解決了span的寬度設置問題。

由於瀏覽器通常對不支持的CSS屬性采取忽略處理的態度,

所以最好將display:inline -block行寫在后面,這樣在Firefox里面,如果到了未來的Firefox 3,這一行就能起作用,代碼可以同時兼容各種版本。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Test Span</title>

<style type="text/css">

span {
background-color:#ffcc00;
display:-moz-inline-box;
display:inline-block;
width:150px;
}
</style>
</head>
<body>
fixed 
<span>width</span>
span </body> </html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM