av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - div 與 inline block 空隙?

瀏覽:132日期:2023-06-24 10:30:56

問題描述

想問問假設

<p class='layout'><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p></p>

.layout{ width:100%; margin: 0 auto;}.layoutp{ cursor: pointer; position: relative; width: 50%; height: 100vh; display: inline-block; margin: 0;}

這樣會讓p之間有空隙,於是導致他沒辦法一行兩個他會跑到下面去......

問題解答

回答1:

換行符導致的,最簡單的就是給layout添加font-size:0,而且這種問題網上真的是一搜一大把,http://www.zhangxinxu.com/wor... 這里有個張鑫旭的,可以看看

回答2:

.layout { width:100%; margin: 0 auto; font-size:0; } .layoutp { cursor: pointer; position: relative; width: 50%; height: 100vh; display: inline-block; margin: 0; font-size: 14px; }

或者去掉p之間的空格試試回答3:

謝邀.

inline-block元素間會有空隙,是因為每個元素間都會有換行(指每個layoutp類的<p>元素之間),具體的解決方案詳見去除inline-block元素間間距的N種方法,我就不再贅述了。

回答4:

inline-block把換行解析成空格了- -這是七八年前的問題了。。你可以自己百度下解決方法的下面給個例子

.layout{font-size:0;}.layoutp{font-size:16px;}回答5:

空白字符。

<p class='layout'><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p><p class='layoutp'>內容</p></p>回答6:

浮動

.layoutp { float: left;}回答7:

inline-block會有3-4px的間距。本身的屬性帶的。所以要想沒有空隙,需要用浮動float屬性

回答8:

這是inline-block把換行解析成空格了。。一般我們設置父級元素font-size:0就可以解決了

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚洲第一成年免费网站 | 99久久久国产精品 | 免费观看a级毛片在线播放 黄网站免费入口 | 日韩三级免费网站 | 成人av电影免费在线观看 | 日韩欧美精品 | 欧美二三区 | 国产亚洲精品综合一区 | 亚洲国产精品一区二区第一页 | 韩日免费视频 | 午夜亚洲 | 国产精品99久久久久久久久久久久 | 91麻豆精品国产91久久久更新资源速度超快 | 91精品在线观看入口 | 欧美成人激情 | 操亚洲 | 狼人伊人影院 | 天天躁日日躁狠狠躁2018小说 | 福利网址 | 久久久精品综合 | 成人欧美 | 久久婷婷麻豆国产91天堂 | 97精品超碰一区二区三区 | 国产美女黄色 | 一级毛片免费视频观看 | 成人在线电影在线观看 | 一本一道久久a久久精品蜜桃 | 成人av免费播放 | 国产99久久久国产精品下药 | 电影91久久久 | 日日夜夜精品视频 | 亚洲精品一二三 | 亚洲精品乱码久久久久久蜜桃91 | 精品1区 | 午夜丰满少妇一级毛片 | 日日操视频 | 日韩在线免费 | 婷婷在线免费 | 爱爱视频网 | 亚洲激情一级片 | 99精品欧美一区二区三区 |