随笔分类 -  CSS

摘要:三栏布局 效果1 〉 左右两侧宽度固定,中间内容自适应 1 绝对定位 左右设置宽度绝对定位,中间内容利用margin居中 2 float浮动 左右设置宽度并浮动,中间内容通过margin居中,注意:结构里面内容应该放在最后 3 BFC 左右浮动,中间内容通过overflow:hidden触发BFC, 阅读全文
posted @ 2017-10-02 15:10 Tiboo 阅读(249) 评论(0) 推荐(0)
摘要:水平居中 行内元素: text-align: center 块级元素: margin: 0 auto absolute + transform flex + justify-content: center 垂直居中 line-height: height absolute + transform f 阅读全文
posted @ 2017-10-01 17:10 Tiboo 阅读(335) 评论(0) 推荐(0)
摘要:一、什么是相对相对定位(relative)? 相对定位是相对元素本身偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留 运行结果 二、什么是绝对定位(absolute)? 设置绝对定位后,脱离了文本流(即在文档中已经不占据位置) 1 当没有设置TRBL是以父级对象的坐标为原点 [TR 阅读全文
posted @ 2017-05-06 20:56 Tiboo 阅读(434) 评论(0) 推荐(0)
摘要:*圣杯布局 效果截图 *双飞翼布局 效果截图 总结 从实现结果看:圣杯布局与双飞翼布局都是左右固定,中间自适应。 从代码上看:双飞翼布局是通过中间多加一个div,从而减少了不必要的相对定位来控制。 阅读全文
posted @ 2017-05-06 16:29 Tiboo 阅读(275) 评论(0) 推荐(0)