码迷,mamicode.com
首页 > Web开发 > 详细

css一些小技巧

时间:2018-05-04 10:25:53      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:for   auto   水平居中   nowrap   居中   col   水平   div   relative   

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一些小技巧

标签:for   auto   水平居中   nowrap   居中   col   水平   div   relative   

原文地址:https://www.cnblogs.com/hellowoeld/p/8988704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!