顾乔芝士网

持续更新的前后端开发技术栈

怎样处理display:inline-block间的空白间隙

为display:inline-block有很多方便,可以水平垂直居中,又可以设高宽,但有个问题,当使用inline-block的时候发现当给各个元素相应的百分比的时候,他们的总和是大于100%的,从而出现了换行的情况,一开始没怎么在意这个问题,今天进行了一下研究,才发现原来display:inline-block给的元素中间会有一个空白的间隙,如图:

对应的代码是:

其实这个空白间隙虽然在代码中没有体现,但其实是我们忽略的空格,因为当我们把元素设置inline-block的时候,它已经具有了行内的性质,也就是说元素跟元素之间是可以打入空格的,而由于我们写代码的习惯,上述我们定义的两个元素之间通常会有换行,而不论多少空格都会变成一个空格,所以才会出现空隙现象。

伊朗呼吁土耳其立即终止对叙军事行动

style="text-indent:2em;">新华社德黑兰1月21日电(记者马骁 穆东)伊朗外交部21日发表声明说,希望土耳其立即终止在叙利亚阿夫林发起的军事行动,避免叙北部危机进一步恶化。伊方正密切关注土耳其在叙军事行动。

style="text-indent:2em;">

style="text-indent:2em;">伊朗外交部发言人卡西米在声明中说,伊方强调应保证叙利亚领土完整,尊重叙利亚主权,避免人道主义危机继续恶化。

CSS实现常见元素水平、垂直居中_css元素垂直居中的方法

本文简单介绍如何通过CSS实现常见元素的水平、垂直居中。

水平居中

  • 行内元素

这种情况最简单,只需要将行内元素包括在一个display属性为block的父元素中,并且设置父元素text-align为居中即可

2020年度中央机关公开遴选和公开选调公务员报名即将开始

新华社北京10月27日电(记者林晖)记者27日从国家公务员局获悉,2020年度中央机关公开遴选和公开选调公务员报名即将开始,考生可于10月28日8时至11月6日18时期间,登录“2020年度中央机关公开遴选和公开选调公务员专题网站”(
http://v.xinhua-news.com/bro-view-xgg/store_attachment/xcbattachfile/dspdata/2019/10/27/XxjdnmC007002_20191027_CBMFN0A001.jpg" style="display:block;margin-right:auto;margin-left:auto;max-width:92%" >

<< < 1 2 3 >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言