摘要:
水平居中 行内元素: * 如果父元素是块级元素,则直接给父元素设置text-align:center; * 如果父元素是不是块级元素,先将父元素设置为块级元素,再给父元素设置text-align:center; 块级元素: * 需要谁居中,给其设置 margin: 0 auto * 父元素设置相对定 阅读全文
摘要:
实现麻将中三点筛子:效果如下图 具体实现代码: html代码: css 代码: 阅读全文
摘要:
一、什么是 Flex 布局? flex(Flexible Box)意为“弹性盒子”,用来为盒状模型提供最大的灵活性。 将一个容器指定为Flex布局: display:flex; 行元素也可使用flex 布局: display:inline-flex; 注:设置为flex布局以后,子元素的float、 阅读全文
摘要:
圣杯布局和双飞翼布局的目的: 1.三栏布局,中间一栏最先加载和渲染(内容最重要) 2. 两侧内容固定,中间内容随着宽度自适应 3. 一般用于 PC 网页 圣杯布局实现思路: 1. 将最外层的container的padding 设置为 padding: 0 150px 0 200px; 为左右两块让出 阅读全文