[問題] xhtml下CSS排版的問題

看板Web_Design作者 (怪龍-卡西歐魯)時間15年前 (2010/04/21 14:16), 編輯推噓1(105)
留言6則, 2人參與, 最新討論串1/1
在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)

04/21 18:02, , 1F
span是inline element,所以width、height無用。
04/21 18:02, 1F

04/21 18:04, , 2F
語意上是inline,css's display default value:inline。
04/21 18:04, 2F

04/21 18:05, , 3F
你可以給予display:block,width、height就會有效果了。
04/21 18:05, 3F

04/21 18:06, , 4F
如果要維持原設計,可能要用display:inline-block了。
04/21 18:06, 4F

04/21 18:07, , 5F
p.s. IE6.7不支援display:inline-block。(正常情況下)
04/21 18:07, 5F

04/23 22:08, , 6F
已經解決了,感謝
04/23 22:08, 6F
文章代碼(AID): #1BpfWycO (Web_Design)