摘要: 如上所示,我们需要中间定位上去的绿色盒子居于盒子的正中间 html代码: <div class="end"> <div class="to-center"></div> </div> css代码: .end{ width: 500px; height:500px; border:1px solid 阅读全文
posted @ 2017-11-08 17:09 晨曦橙 阅读(6761) 评论(1) 推荐(0) 编辑
摘要: 当我们浏览网页的时候,往往会看到页面里面会存在固定定位的存在。我们知道固定定位是脱离文档流的,可以设置位置到任何一个位置上。常用的位置是我们要把它放到左中间,或者右中间 像这种的。是如何实现的呢? html代码: <div class="rcenter"></div> css代码: .rcenter 阅读全文
posted @ 2017-11-08 16:37 晨曦橙 阅读(1841) 评论(0) 推荐(0) 编辑
摘要: 通常我们在写轮播的时候,都会涉及到轮播图片下方的小圆点,也就是我们可以选择的小圆点要进行位置上的排版,让它居于盒子的中间下方部分。如下图所示: 这边就介绍一下这种是怎样来做的。 html代码: <div class="box"> <ul class="dian"> <li></li> <li></l 阅读全文
posted @ 2017-11-08 15:58 晨曦橙 阅读(2472) 评论(0) 推荐(0) 编辑