盒子居中和文字居中 1.设置盒子中存储的文字/图片水平居中:text-align:center; 2.让盒子自己水平居中:margin:0 auto; 清空默认边距 1.为什么要清空默认边距(外边距和内边距)? 在企业开发中为了更好的控制盒子的宽高和计算盒子的宽高等等,所以在企业开发中,编写代码之前... ...
分类:
其他好文 时间:
2019-07-23 00:33:25
阅读次数:
159
所谓盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距(padding)、边框(border)和外边距(margin)组成。 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element ...
分类:
Web程序 时间:
2019-07-16 10:25:18
阅读次数:
124
1.盒子模型就是规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,但是会增加元素框的总尺寸。 假设框的每个边上有 10 个像素的外边距和 5 个像素的内边距。如果希望这个元素框达到 ...
分类:
Web程序 时间:
2019-07-14 14:40:56
阅读次数:
119
1.浮动 float:left /right2.清除浮动 clear:left/right/both(防止div块覆盖)3.外边距:margin:上边距,右边距,下边距,左边距。(按上右下左的顺序设置)4.内边距:padding:上边距,右边距,下边距,左边距。(按上右下左的顺序设置)5.边框:bo ...
分类:
编程语言 时间:
2019-06-22 10:52:15
阅读次数:
126
盒模型 概述 盒模型:也叫框模型 一个盒子内容包含了五部分:宽度、高度、内边距、边框、外边距。 代码↓ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh ...
分类:
Web程序 时间:
2019-06-18 15:47:02
阅读次数:
163
前面总结了使用ListView来实现列表,但是,有的时候,数据量很大,需要使用矩阵方式排列才能更清晰的展示数据,在flutter中,可以使用网格列表组件GridView来实现这个布局。 GridView接收如下可选参数属性: scrollDirection:滚动方法 padding:内边距 reso ...
分类:
其他好文 时间:
2019-06-04 22:35:21
阅读次数:
146
1.margin和padding的介绍 margin是外边距padding是内边距,用CSS时首先要做的就是把所有标签的margin和padding清空。这样更容易控制布局和兼容浏览器。 p li等标签都是默认有margin的 清空方法:*{margin:0; padding:0;} *是通配符,表 ...
分类:
其他好文 时间:
2019-06-02 17:50:34
阅读次数:
124
文本之蛇 css把文本当做一行来处理,把他们放在一个看不见的盒子里面。盒子遇到容器的外边界会折行。所有的文本属性都应用于这个盒子,而不是包含文本的容器。 最有用的8个文本属性 文本缩进(text-indent) 设定文本盒子的起点,默认是从盒子内边距以内。正值是缩进效果,负值可做隐藏效果。 注意:这 ...
分类:
Web程序 时间:
2019-05-31 13:45:45
阅读次数:
162
因为UI设计稿这边与我们使用的iview库中的表格组件样式不统一,所以需要对表格组件的样式进行修改。 修改完成后出现一个问题就是首次进入页面的时候,表格样式会有部分是错乱的,页面刷新一下就恢复正常了,页面也没有报错甚至没有警告。 排查很久发现我对其中一个内边距设置为0造成的,代码如此下: 将这个pa ...
分类:
其他好文 时间:
2019-05-31 10:27:51
阅读次数:
221
一、盒子模型 单边外边距属性 简写属性 居中应用: padding(内边距) body的边距 边框在默认情况下会定位于浏览器窗口的左上角,但是并没有紧贴着浏览器的窗口的边框,这是因为body本身也是一个盒子(外层还有html),在默认情况下, body距离html会有若干像素的margin,具体数值 ...
分类:
Web程序 时间:
2019-05-30 19:30:00
阅读次数:
124