易坊好文馆

  1. 首页 > 玩科技 >

第二部分：前端开发项目中的常见CSS问题( 五 )

在下面的示例中 ， 我们有一个标题 ， 徽章作为伪元素 。

content: \"\"应该添加该属性 。

此外 ， 要素应display: inline-block以设置为width和height按预期运行 。

12.使用时的奇怪空间 display: inline-block

将两个或多个元素设置为display: inline-block或display: inline ， 将在每个元素之间创建一个小空间 。 添加空间是因为浏览器将元素解释为单词 ， 因此它在每个元素之间添加了一个字符空间 。

在下面的示例中 ， 每个项目8px在右侧都有一个空格 ， 但是由于使用而产生的微小空display: inline-block正在形成12px ， 这不是我们所需的结果 。

一个简单的解决方法是font-size: 0在父元素上设置 。

13. for=\"ID\"将标签元素分配给输入时添加

推荐阅读


上一篇：三星苹果该有压力了！OPPO这项技术量产拿下手机影像领域制高点

下一篇：他骑三轮卖酸奶起家，却因三鹿险倒闭，今年营收130亿奶粉卖50亿