行內元素如何設定寬高
阿新 • • 發佈：2018-11-11
參考
1.常用的行內元素
<a> 標籤可定義錨
<abbr> 表示一個縮寫形式
<acronym>定義只取首字母縮寫
<b> 字型加粗
<bdo> 可覆蓋預設的文字方向
<big> 大號字型加粗
<br> 換行
<cite> 引用進行定義
<code> 定義計算機程式碼文字
<dfn> 定義一個定義專案
<em 2.行內元素不可設定寬高
<style>
div {
width: 500px;
height: 200px;
border: 5px solid red;
}
span {
width: 150px;
height: 150px;
border 
行內元素span 雖然設定了寬高 但是事實上並沒有什麼暖用。
那麼問題來了，有時的確需要將行內元素設定寬高，難道無解？
3.行內元素設定寬高的三種方法
display轉換為塊級元素或者塊級行內元素
span{
display: block;
}
或者
span{
display: inline-block;
}
float
span{
float:left;
}
position
span{
position:absolute;
}
不能設定寬高的行內元素，也可以花樣的給它設定，那麼天理公道何在？原理何在？
通過除錯工具不難發現，float和position方法有一個共同的表現：display：block，這不是偷偷的把行內元素變為塊級元素了嗎？也就是說以上三種方法的原理是一致的。
我勒個擦 ，被暴擊一萬點傷害，我被震驚了，原諒我少見多怪。
