解決行內元素 行內塊元素產生水平空隙

問題：行內元素和行內塊元素之間換行的話，即使除去內外邊距，他們之間還是會有距離，如下：

"en

">
"utf-8
">
titleclass="
span-wrap
">
行內元素
行內元素
"text
" value="
行內塊元素
解決方法：
1.**內刪除行內元素、行內塊元素之間的換行符、tab（製表符）、空格等字元
"en

">
"utf-8
">
titleclass="
span-wrap
">
行內元素
行內元素
"text
" value="
行內塊元素
">

"en

">
"utf-8
">
titleclass="
span-wrap
">
行內元素
行內元素
"text
" value="
行內塊元素
">

"en

">
"utf-8
">
titleclass="
span-wrap
">
行內元素
行內元素
"text
" value="
行內塊元素
">
4.利用浮動

利用浮動的元素是緊挨的這一特性
"en

">
"utf-8
">
titleclass="
span-wrap
">
行內元素
行內元素
"text
" value="
行內塊元素
">

————————————————

 
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...