css一些小技巧

Posted hellowoeld

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css一些小技巧相关的知识,希望对你有一定的参考价值。

1.元素的垂直水平居中

<style>
.father{
   position: relative;
}
.sun{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
</style>
<div class="father">
   <div class="sun"></div>
</div>

2.强制禁止换行

 white-space:nowrap;

3.超出出现滚动条

<style>
   .slide{
         overflow: auto;
         width: 100%;
    }
</style>
<div class="slide">
</div>

 

以上是关于css一些小技巧的主要内容,如果未能解决你的问题,请参考以下文章

CSS文字处理实用小技巧总结

VS中添加自定义代码片段——偷懒小技巧

CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅

20个让你效率变的更高的CSS代码小技巧!

记录下最近写前端的一些小技巧

2018-05-22 CSS 左右布局左中右布局以及一些小技巧