關於span標籤的寬度和高度設定
阿新 • • 發佈:2018-12-24
正常情況下我們設定span標籤是無法設定span標籤的寬度和高度的。那麼怎樣才能設定呢。個人感覺意義並不大,如果需要可以使用div。
span是有display:inline-block和float屬性的,只要設定了這兩個屬性,就會認為它是一個塊級元素。
下面是例子:
顯示效果:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>關於span標籤的寬度和高度</title> </head> <body> <span style="width:400px;height:50px;background-color:red">無浮動和inline-block</span> <span style="width:400px;height:50px;background-color:red;float:left">有浮動和inline-block</span> <span style="width:400px;height:50px;background-color:red;display:inline-block;">無浮動和有inline-block</span> </body> </html>