資訊專欄INFORMATION COLUMN
看到一個面試題 關(guān)于行內(nèi)元素span的
1
2
我當(dāng)時就笑了還有這種題？ 送分的？
我想的結(jié)果：
實際結(jié)果：
我擦！ 啪啪啪打臉！
為什么padding-top被無視了？
提出這個疑問后我又被打臉了！
1
2
3
其實span是不支持padding-top、padding-bottom,不過奇怪的是既然padding不支持那為什么邊框顯示是有padding-bottom呢？
查了好多文章 結(jié)果只得到了一句話 行內(nèi)不可替換元素padding會對邊框產(chǎn)生影響！
我擦 不可替換元素 老子干了不到十年前端沒聽過啊？
是的官方英文文檔和高程上都有說過
span、a屬于不可替換元素
input屬于可替換元素
padding、margin針對不可替換元素 padding-top、padding-bottom和margin-top、margin-bottom無效。。。無效。。。
哈哈 總結(jié)一下多讀書是有用的！
您的點贊是我繼續(xù)下去的動力，謝謝！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/117168.html
看到一個面試題 關(guān)于行內(nèi)元素span的 * { padding: 0; margin: 0; } span { padding: 100px; border: 1px solid red; } ...
摘要：二塊級元素塊級元素占據(jù)其父元素容器的整個空間，因此創(chuàng)建了一個塊。而塊級元素可以包含行內(nèi)元素和其他塊級元素。格式默認情況下，行內(nèi)元素不會以新行開始，而塊級元素會新起一行。 一、行內(nèi)元素 一個行內(nèi)元素只占據(jù)它對應(yīng)標(biāo)簽的邊框所包含的空間。 二、塊級元素 塊級元素占據(jù)其父元素（容器）的整個空間，因此創(chuàng)建了一個塊。通常瀏覽器會在塊級元素前后另起一個新行。 三、行內(nèi)元素示例 HTML showIm...
摘要：二塊級元素塊級元素占據(jù)其父元素容器的整個空間，因此創(chuàng)建了一個塊。而塊級元素可以包含行內(nèi)元素和其他塊級元素。格式默認情況下，行內(nèi)元素不會以新行開始，而塊級元素會新起一行。 一、行內(nèi)元素 一個行內(nèi)元素只占據(jù)它對應(yīng)標(biāo)簽的邊框所包含的空間。 二、塊級元素 塊級元素占據(jù)其父元素（容器）的整個空間，因此創(chuàng)建了一個塊。通常瀏覽器會在塊級元素前后另起一個新行。 三、行內(nèi)元素示例 HTML showIm...
摘要：面試題總結(jié)現(xiàn)將我整理的一些前端筆試題分享一下，希望對大家有所幫助。中常見行內(nèi)元素和塊級元素有哪些行內(nèi)元素塊級元素行內(nèi)塊元素常見的有的和有什么區(qū)別和的值為時，都會使顯示出來的文本框不能輸入文字，不能更改更改表單域中的內(nèi)容。 2018面試題總結(jié) 現(xiàn)將我整理的一些前端筆試題分享一下，希望對大家有所幫助。 html中常見行內(nèi)元素和塊級元素有哪些?行內(nèi)元素：a,b,strong,span,im...
閱讀 3174·2021-11-19 09:40
閱讀 3664·2021-11-16 11:52
閱讀 2992·2021-11-11 16:55
閱讀 3191·2019-08-30 15:55
閱讀 1195·2019-08-30 13:08
閱讀 1667·2019-08-29 17:03
閱讀 3026·2019-08-29 16:19
閱讀 2588·2019-08-29 13:43
