国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

css - div display: inline-block; 置中?

瀏覽:109日期:2023-01-23 16:17:31

問題描述

.layout{ width: 760px; margin: 150px auto 0 auto;}.layout2{ width: 250px; display: inline-block;}

<p class='layout'> <p class='layout2'> 1 </p> <p class='layout2'> 2 </p> <p class='layout2'> 3 </p></p>

請問如何讓layout2 p能夠置中對齊呀?另外若是layout改成750寬 layout2設(shè)250寬第三個p會跑到下面去....

問題解答

回答1:

css - div display: inline-block; 置中?

代碼貼上:

<!DOCTYPE html><html><head> <title></title> <style type='text/css'> .layout{ width: 750px; margin: 150px auto 0 auto; background: #cccccc; font-size: 0;}.layout2{ width: 250px; display: inline-block; *display: inline;; *zoom:1; font-size: 20px; background: #666666; text-align: center;} </style></head><body><p class='layout'> <p class='layout2'> 1 </p> <p > 2 </p> <p class='layout2'> 3 </p></p></body></html>

如上 設(shè)置父元素font-size:0前提是你必須設(shè)置 子元素 也就是inline-block的font-size 設(shè)置好字體 要不然 就什么都不會顯示

參考文獻(xiàn):http://sentsin.com/web/23.html

回答2:

有空格,父元素中設(shè)置font-size:0

回答3:

inline-block有間距,需要去掉參見這篇文章http://www.zhangxinxu.com/wor...

layout2居中對齊是什么意思?

回答4:

補(bǔ)充一點吧。其實不用設(shè)置font-size:0;

<p style='background: red;'>1</p><p style='background: yellow;'>2</p><p style='background: green;'>3</p>

可以這麼寫。inline-block元素標(biāo)籤間的空格導(dǎo)致的inline-block之間存在間隙。

<p class='layout2'> 1 </p><!-- --><p class='layout2'> 2 </p><!-- --><p class='layout2'> 3 </p>

或者這麼寫,用註釋填充你的格式。

這樣就不需要添加額外樣式了,畢竟代碼上線的時候註釋是會被壓縮掉的。

回答5:

其實一個浮動就可以解決

.layout {width: 750px;margin: 0 auto;margin-top: 150px;background-color: red; } .layout2 {width: 250px;background-color: blue;float: left;text-align: center; }回答6:

空格也是字符。在inline-block的父元素上設(shè)置font-size:0;即可消除。

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 狠狠色婷婷丁香综合久久韩国 | 黄色a网| 91成人免费在线视频 | 久草免费在线视频观看 | 中文国产成人精品久久水 | 美女一级片视频 | 一级黄色录像片 | 国产一级精品高清一级毛片 | 久草资源免费 | 国产成a人片在线观看视频 国产成版人视频网站免费下 | 3级毛片| 看真人一级毛片 | 性色a | 黄色片亚洲 | 亚洲精品免费视频 | 偷偷操不一样的久久 | 乱人伦中文视频在线观看免费 | 毛片大片 | 亚洲综合爱久久影院 | 久久亚洲国产的中文 | 欧美 日韩 国产 成人 在线观看 | 日本在线观看不卡免费视频 | 国产韩国精品一区二区三区 | 在线视频一二三区 | 欧美成人精品一区二区三区 | 性欧美精品久久久久久久 | 九九精品视频在线播放 | 影院亚洲 | 免费一级a毛片免费观看欧美大片 | 美国aaaa一级毛片啊 | 爱逼综合网 | 嫩草影院在线观看网站成人 | 在线观看免费精品国产 | 亚洲欧美片 | 国产成人精品实拍在线 | 一级欧美毛片成人 | 99久久免费精品视频 | 91久久香蕉国产线看观看软件 | 日本一区二区三区高清在线观看 | 91精品国产91热久久p | 精品成人在线 |