作者hcl012 (怪龍-卡西歐魯)
看板Web_Design
標題[問題] xhtml下CSS排版的問題
時間Wed Apr 21 14:16:23 2010
在html裡面的body內寫了下列程式碼
<body>
<span style="background-color:#FF0000; width:75px; height:26px; font-size:
x-small; padding: 5px 10px;">123</span>
<span style="background-color:#00FF00; width:75px; height:26px; font-size:
x-small; padding: 5px 10px;">一二三</span>
<span style="background-color:#0000FF; width:75px; height:26px; font-size:
x-small; padding: 5px 10px;"></span>
</body>
運行結果如下
http://img693.imageshack.us/img693/5774/test1e.jpg
但是當要寫asp.net的時候
明明是一樣的程式碼，VS也沒有出現任何語法不符的問題
只是在開頭宣告了語法形式為XHTML 1.0 Transitional
卻變成這樣的結果
http://img265.imageshack.us/img265/7317/test2xy.jpg
font-size和padding都還是有效果出現
但是width和height卻好像被無視了
另外一些像是table或div標籤底下的height屬性也不能用
這在排版上造成還滿大的不便的
想請問一下原因或是解決辦法這樣
感謝各位板友:)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.241.92.249
※ 編輯: hcl012 來自: 210.241.92.249 (04/21 14:17)
推 KOIORI:span是inline element，所以width、height無用。 04/21 18:02
→ KOIORI:語意上是inline，css's display default value:inline。 04/21 18:04
→ KOIORI:你可以給予display:block，width、height就會有效果了。 04/21 18:05
→ KOIORI:如果要維持原設計，可能要用display:inline-block了。 04/21 18:06
→ KOIORI:p.s. IE6.7不支援display:inline-block。（正常情況下） 04/21 18:07
→ hcl012:已經解決了，感謝 04/23 22:08
