資訊專欄INFORMATION COLUMN
看到一個面試題 關(guān)于行內(nèi)元素span的
1
2
我當時就笑了還有這種題？ 送分的？
我想的結(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://specialneedsforspecialkids.com/yun/53515.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ù)它對應標簽的邊框所包含的空間。 二、塊級元素 塊級元素占據(jù)其父元素（容器）的整個空間，因此創(chuàng)建了一個塊。通常瀏覽器會在塊級元素前后另起一個新行。 三、行內(nèi)元素示例 HTML showIm...
摘要：二塊級元素塊級元素占據(jù)其父元素容器的整個空間，因此創(chuàng)建了一個塊。而塊級元素可以包含行內(nèi)元素和其他塊級元素。格式默認情況下，行內(nèi)元素不會以新行開始，而塊級元素會新起一行。 一、行內(nèi)元素 一個行內(nèi)元素只占據(jù)它對應標簽的邊框所包含的空間。 二、塊級元素 塊級元素占據(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...
閱讀 1961·2021-09-09 09:33
閱讀 1107·2019-08-30 15:43
閱讀 2646·2019-08-30 13:45
閱讀 3297·2019-08-29 11:00
閱讀 845·2019-08-26 14:01
閱讀 3559·2019-08-26 13:24
閱讀 471·2019-08-26 11:56
閱讀 2683·2019-08-26 10:27
