魅族面試的一個問題,img是行內元素,為什麼也可以設定框高?
1.魅族一面面試官問我一個問題,img是什麼元素?
我第一反應是行內元素。判斷一個元素是行內元素,還是塊元素,無非就是看它是否是獨佔一行。img標籤顯然沒有獨佔一行,固它是行內元素。這沒有問題。
2.接下來,面試官又問,既然img是行內元素,那為什麼可以通過CSS設定框高呢?
這一問,給我問住了,確實之前沒有想過這個問題,翻了一下資料,大概比較好的解釋就是:
儘管img是行內元素,但同時它也是置換元素,置換元素一般內建框高屬性,因此可以設定其框高。
<img src="/i/mouse.jpg" height="200" width="200"
/>
3.引申問題:那麼什麼又是“置換元素”呢?
置換元素就是會根據標籤屬性來顯示的元素。反之就是非置換元素了。
比如img根據src屬性來顯示,input根據value屬性來顯示,因此可知道img和input是置換元素,當然同理textarea, select,也是置換元素
最後吐槽一下,魅族面了我三面,都讓準備三方協議了,最後還把我拒絕了。。。好氣
相關推薦
魅族面試的一個問題,img是行內元素,為什麼也可以設定框高?
1.魅族一面面試官問我一個問題,img是什麼元素? 我第一反應是行內元素。判斷一個元素是行內元素,還是塊元素,無非就是看它是否是獨佔一行。img標籤顯然沒有獨佔一行,固它是行內元素。這沒有問題。 2
行內元素(inline標籤)設定了行高為什麼不生效,還是表現為父盒子的行高?行內元素行高問題終極解釋
最近在看張鑫旭大佬的《css世界》,讀到5.2.4 內聯元素 line-height 的“大值特性” ,產生了疑惑, 在開發中確實也遇到了同樣的問題,深入探究後得出結果,先說結論吧,論證內容有點長,結論: 行內元素自身並沒有行高這個屬性,雖然設定可以設定行高,但是最終作用的地方並不是
為什麽有些行內元素可以設置寬高
行內元素 寬高html中有一類元素比較特殊,雖然他們屬於行內元素,但是他們是可以設置寬高的,如img|input|select|textarea|button|label等,他們被稱為可置換元素(Replaced element)。他們區別一般inline元素(相對而言,稱non-replaced eleme
行內元素和塊級元素的區別,為何img、input等行內元素可以設定寬高??(夯實基礎)
<spanstyle="display: inline-block;width:400px;height:60px;border:1px solid blue;">當使用display:inline-block;後,行內元素可以設定寬高</span> (ads
css學習體會之——塊級元素,行內元素長寬設置
寬高 lec 實戰 display 所有 splay 但是 isp 內聯元素 在做一些實戰的布局時,總會發現一些元素設置寬高有用,一些元素沒有用。下面來總結一下: (1)塊級元素:所有的會級元素設置寬高都有效 (2)內聯元素:一般的內聯元素設置寬高沒有用,但是一些特殊的,如
用集合寫一個簡單的隨機分組,以及集合內元素數量查詢
移除 以及 表示 元素 move spa color 查詢 println 12個人,隨機分為4組 public static void main(String[] args) { List list = new ArrayList();
函數內new申請一個不定值的內存,在函數外部怎麽釋放
aso aip lfa weibo 內存 htm atq acl sina 顯肪脅nf4km揮窗賀http://tushu.docin.com/sina_6372928933勻木摯h1yso岡祭殺http://huiyi.docin.com/vsbj275盞伎錐xcjeo瞎
HTML哪些是塊級元素,哪些是行內元素
enter 鏈接 tab 結構 縮進 開始 格式 lock marquee 塊級元素:塊級大多為結構性標記 <address>...</adderss> <center>...</center> 地址文字
面試總結:塊級元素與行內元素
塊級元素:一般都是從新行開始,它可以容納行內元素和其他塊級元素。常見的塊級元素有div和p。 行內元素:一般都是語義級別的基本元素,內聯元素只能容納文字或者其他內聯元素 塊元素和內聯元素的基本差異是塊元素一般都是從新行開始的。而當加了css控制以後,塊元素可以變為內聯元素
CSS 塊級元素block , 行內元素 inline,以及行內塊級元素inline-block
block元素(div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等) 從瀏覽器的顯示結果可以看出,塊級元素新開啟一行(即
bootstrapTable 實現指定欄位行內編輯,無彈窗,自動儲存
最近做一個專案時,使用bootstrapTable 作為表格進行資料展示,客戶要求對數量欄位更直觀的行內編輯,研究了一下網上的方案並參考了下面的文章 bootstrapTable行內動態編輯行中某列欄位資料(優化版:無需彈框,直接在行內更新) ,對文中的程式碼進行改
解決魅族MX5解除安裝debug-app不乾淨,導致安裝、升級不成功的問題
環境:魅族MX5,Android 5.1 問題:開發app使用真機除錯後,在桌面上拖動圖示解除安裝app-debug.apk,然後安裝簽名版本的app-release.apk提示替換xxx版本,按確定後提示不相容,安裝失敗。 分析:已經先解除安裝再安裝,按道理應該不會提示替換xxx,肯定
塊元素,行內元素以及可替換與不可替換元素
顯示 表現級區分: 塊元素 有以下這些: <address><caption><dd><div><ol><ul><p><th><thead><tr>&
datagrid行內新增,行內編輯
實現效果 <div data-options="region:'east',split:true,border:false" title="部門列表" style="width:13%;"> <table id="dept_data
css塊級標籤,行內標籤,行內塊標籤的轉換(2)
css塊級標籤,行內標籤,行內塊標籤的轉換 在基礎1中,我詳細講了css的常見屬性,幾種不同的選擇器,在此基礎之上我們來進一步地認識它們的特性從而更好地學習和掌握相關開發技能。 HTML標籤的分類 在講標
css行內樣式的屬性設定,css的外部樣式的設定
15 行內樣式: 行內樣式1:是通過標籤的style屬性來設定元素的樣式 格式:<html 標籤 style=”css樣式程式碼”> 示例:<a style=”color:#f00
HTML 塊標籤,行內標籤,行內塊標籤以及之間的相互轉換
+++++++++++++++++++++++++++++++++++++++++ HTML標籤分類行內標籤:包含a、span、em、strong、b、i、u、label、br;特點:可以多個標籤存在一行,不能直接設定行內標籤的高度、寬度、行高以及頂和底邊距,完全靠內容撐開寬高!a標籤:主要用
行內元素和塊級元素的具體區別是什麼?inline-block是什麼?(面試題目)
原文地址: https://www.cnblogs.com/iceflorence/p/6626187.html?utm_source=itdadao&utm_medium=referral 一,行內元素與塊級元素的區別: 1.行內元素與塊級元素直觀上的區別二、行內
盒子模型,塊級元素和行內元素特性與區別
盒模型到底是什麼? 盒模型是CSS實現頁面佈局的一種思想:把頁面的所有元素都看成一個類似於禮品盒的盒子,禮品盒可能會有好多層包裝組成,那麼頁面元素也對應的有內容、邊框、內外邊距等組成。這裡特別提醒一下,盒模型是要把元素看成立體的,它確實有空間的屬性,我在後面詳細介紹。
webstorm 打開後 一直停留在scanning files to index....,或跳出內存不夠的提示框
tez jsb code ont 點擊 pst == sta fcm 用著有時會這樣,超級卡, 網上搜了下,原來如此,記錄下,免得忘了。 ------------------------- 說明: 在npm install 後,會出現Scanning files to in