首頁  >  文章  >  web前端  >  如何定義內嵌元素span的最小高度

如何定義內嵌元素span的最小高度

php中世界最好的语言
php中世界最好的语言原創
2018-02-11 11:15:332255瀏覽

這次帶給大家怎樣定義內聯元素span的最小高度,定義內聯元素span的最小高度的注意事項有哪些,下面就是實戰案例,一起來看一下。

製作html網頁常常會使用到span這個標籤,但有些朋友對這個標籤很多朋友用不好,似乎覺得它又很好用,但有用起來又很麻煩,尤其是需要給它定義寬度和高度的時候。
曾經有朋友問:為什麼給用css給span定義高度和寬度後,它的寬度和高度仍然沒有變化,好像失效了一樣?

其實這個問題很簡單——先要認清span的屬性,因為span屬於內聯元素,而內聯元素是忽略寬度和高度的,明白了這一點解決就很簡單了,解決的方法就是利用css將span變成盒裝元素即可。

將內嵌元素定義為盒裝元素的方法有兩種:

1.直接使用顯示屬性display將其定義為盒裝元素;

display:block;

2.使用浮動屬性float將其自動定義為盒裝元素;

float:left;

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

html area圖片熱點如何使用

#怎麼使用trigger方式實作不用點擊file類型的input彈出檔案選擇對話框

a標籤中怎樣設定隱藏其他屬性只顯示圖片

#

以上是如何定義內嵌元素span的最小高度的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn