css3
晟沚
开开心心过每一天~
展开
-
css3之flex弹性布局
flexflex-direction横向的主轴的方向 row row-reverse column column-reverse flex-wrapflex-wrap 指定 flex 元素单行显示还是多行显示 。如果允许换行,这个属性允许你控制行的堆叠方向。 当数目过多时,可以选择是否换行 nowrap flex 的元素被摆放到到一行,这可能导致溢出 flex 容器。 cross-原创 2017-07-23 15:22:48 · 339 阅读 · 0 评论 -
css 元素水平居中
定宽行内元素居中:text-align:center 定宽块级元素居中:auto .center{ border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/ width:500px;/*定宽*/ margin:20px auto;/* margin-left 与 margin-right 设置为 auto *原创 2017-08-01 11:16:57 · 277 阅读 · 0 评论 -
css 水平垂直居中方法
博主今晚实在是无聊,正好公司这边做前端事情比较少。。 今天就来大概讲一下css水平垂直居中吧,估计好多人都特别懊恼,网上的资料都不是很全,所以我就来送一波福利啦~ flex 弹性布局flex相信大家都不陌生吧? 那么,通过下面几行,就可以实现水平垂直居中啦display:flex; justify-content:center; align-item:center;注意:这个是在父元素上设置原创 2017-08-06 22:48:10 · 374 阅读 · 0 评论