line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 18:55:20

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流:網(wǎng)上找到的正規(guī)描述：引用內(nèi)容這個(gè)值導(dǎo)致一個(gè)元素產(chǎn)生一個(gè)塊狀盒模型（block box），而本身作為單一的內(nèi)聯(lián)盒模型（inline box）流動(dòng)排列（flow），類似一個(gè)被替代的元素。Display值為inline-block的元素內(nèi)部形成一個(gè)塊狀盒模型，而本身形成類似一個(gè)內(nèi)聯(lián)的

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流:網(wǎng)上找到的正規(guī)描述：引用內(nèi)容這個(gè)值導(dǎo)致一個(gè)元素產(chǎn)生一個(gè)塊狀盒模型（block box），而本身作為單一的內(nèi)聯(lián)盒模型（inline box）流動(dòng)排列（flow），類似一個(gè)被替代的元素。Display值為inline-block的元素內(nèi)部形成一個(gè)塊狀盒模型，而本身形成類似一個(gè)內(nèi)聯(lián)的

網(wǎng)上找到的正規(guī)描述：
引用內(nèi)容
這個(gè)值導(dǎo)致一個(gè)元素產(chǎn)生一個(gè)塊狀盒模型（block box），而本身作為單一的內(nèi)聯(lián)盒模型（inline box）流動(dòng)排列（flow），類似一個(gè)被替代的元素。Display值為inline-block的元素內(nèi)部形成一個(gè)塊狀盒模型，而本身形成類似一個(gè)內(nèi)聯(lián)的被替代元素
PS：可惜IE不支持，F(xiàn)F也不支持。HOHO～

IE解決方案：觸發(fā)IE的layout，從而使該元素具備類似line-block的特性。

FF解決方案：使用moz專屬屬性：display::-moz-inline-box;
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,個(gè)人主頁(yè),無(wú)聊,神經(jīng),懶惰" /> <meta name="description" content="PRcss的個(gè)人主頁(yè),無(wú)聊的,神經(jīng)的,懶惰的..." /> <meta name="author" content="http://www.alabama37th.com/"/> <meta name="Copyright" content="本頁(yè)版權(quán)歸PRcss所有。All Rights Reserved" /> <title>line-block的運(yùn)用：最小寬度的設(shè)置 - www.gxlcms.com</title> <style type="text/css"></style> </head> <body> <p class="box"> <img src="https://www.gxlcms.com/pr.jpg" /> </p> <p>測(cè)試</p> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]
.box { display:inline; zoom:1; min-width:400px; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; }
html:lang(zh-CN) .box { display:-moz-inline-box; } /* moz-ff */

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：設(shè)置最小寬度 line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

熱門(mén)焦點(diǎn)

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

line-block的運(yùn)用最小寬度的設(shè)置_經(jīng)驗(yàn)交流

最新推薦

猜你喜歡

熱門(mén)推薦