DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 定義span的最小高度沒有效果的解決方法
定義span的最小高度沒有效果的解決方法
編輯:HTML和Xhtml     
制作html網頁經常會使用到span這個標簽,但有些朋友對這個標簽很多朋友用不好,似乎覺得它又很好用,但有用起來又很麻煩,尤其是需要給它定義寬度和高度的時候。

曾經有朋友問:為什麼給用css給span定義高度和寬度後,它的寬度和高度仍然沒有變化,好像失效了一樣?

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

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

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

復制代碼代碼如下:
display:block;

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

復制代碼代碼如下:
float:left;
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved