摘要:問題描述如下圖,如果標簽下跟一個塊級標簽,那么兩者之間會出現一條縫隙。原因原因是行級標簽具有自身的定位,圖片默認的垂直對齊方式是基線解決方案如下圖,將圖片轉成塊級元素即可。解決方案如下圖,更改圖片的對齊方式為。
問題描述:
如下圖,如果img標簽下跟一個塊級標簽,那么兩者之間會出現一條縫隙。
原因是行級標簽具有自身的定位,圖片默認的垂直對齊方式是基線(vertical-align: baseline)
解決方案1:如下圖,將圖片轉成塊級元素即可(display: block)。
如下圖,更改圖片的對齊方式為top(vertical-align: top)。
本文完。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/114142.html
摘要:問題描述如下圖,如果標簽下跟一個塊級標簽,那么兩者之間會出現一條縫隙。原因原因是行級標簽具有自身的定位,圖片默認的垂直對齊方式是基線解決方案如下圖,將圖片轉成塊級元素即可。解決方案如下圖,更改圖片的對齊方式為。 問題描述: 如下圖,如果img標簽下跟一個塊級標簽,那么兩者之間會出現一條縫隙。showImg(https://segmentfault.com/img/bVbiWYn?w=1...
摘要:宋體塊級元素主要有宋體宋體內聯元素不會以新行開始,和相鄰的內聯元素在同一行。也就是說,絕對定位或者浮動的內聯元素,實際表現為塊級元素,可以設置寬高和邊距。為什么有些內聯(行內)元素如img、input可以設置寬高? 在說明之前我們先來了解一些定義。 塊級元素和內聯元素: ①塊級元素總是獨占一行,表現為另起一行開始,而且其后的元素也必須另起一行顯示。 寬度(width)、高度(height)、...
閱讀 3199·2021-09-22 15:05
閱讀 2760·2019-08-30 15:56
閱讀 1068·2019-08-29 17:09
閱讀 802·2019-08-29 15:12
閱讀 2084·2019-08-26 11:55
閱讀 3061·2019-08-26 11:52
閱讀 3378·2019-08-26 10:29
閱讀 1384·2019-08-23 17:19