![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 79
渐行渐远y
这个作者很懒,什么都没留下…
展开
-
css技巧总结以及容易忽略的冷门知识
css技巧总结1.其实css比大家了解的要神奇的多,可以利用css实现凹凸效果:<html> <span class="ao"></span> <span class="tu"></span> </html><style> .ao,.tu { display: inline-block; width: 0; font-size: 14px; line-height: 18p原创 2021-08-26 16:26:51 · 214 阅读 · 0 评论 -
CSS居中方式大全
水平居中的几种方式1.使用inline-block 和 text-align实现 .content{ width: 900px; height: 500px; background: pink; text-align: center; //这里的text-align:center子元素会继承该属性 //我们的目的是将元素居中而不是文本居中 }原创 2020-09-08 16:24:48 · 301 阅读 · 0 评论 -
两个并列inline-block元素互相影响问题
我不知道大家有没有遇到过这个问题,就是两个inline-block元素,如果是空的两个inline-block元素,那么就不会影响,如我们所想的显示。但是当我们往其中一个添加内容时,就会发生不可思议的一幕!元素错位了,可是为什么没有内容时,不会相互影响呢?这时我们在想肯定是内容影响的,所以我们给两个div都加上内容。可以看到两个元素都回到了我们想让它呈现的位置。那为什么inline-block元素的位置会受到其内容的影响呢?我们可以查到这样一句话inline-block元素可以将对象呈递为内原创 2020-09-04 17:54:38 · 1066 阅读 · 3 评论