1、行元素在块级元素中浮动,块级元素无法实现居中 比如说:li 元素在 ul 元素中浮动,ul 元素是块级元素,宽度为页面的宽度,难以实现 li 元素在 ul 中居中对齐。 可以将 ul 元素设为 inline-block,宽度为 auto,这样ul元素的宽度就会是 li 元素宽度的总和,并且将 u ...
分类:
Web程序 时间:
2020-01-22 10:33:57
阅读次数:
97
1.块元素 2.行内元素 3.inline-block元素 ...
分类:
其他好文 时间:
2020-01-20 19:26:12
阅读次数:
49
做一个ul li 列表类似这样的平时经常会用到 要是用浮动做还是比较简单的直接左右浮动,清除浮动就可以搞定了,因为最近用display:inline-block用的比较顺手,所以就尝试一下。通过text-align:left,text-align:right,可以控制元素靠左还是靠右,这种方法只能做 ...
分类:
其他好文 时间:
2020-01-19 22:13:25
阅读次数:
90
在使用inline-block时,有时候出现的效果莫名奇妙,例如: 两个inline-block 元素之间如果有空格、回车、tab,那么在页面上就有一个空隙 两个不同高度的 inline-block 元素顶部无法对齐,或者使用inline-block下面无缘无故多出几像素 例子1,出现空隙 <!DO ...
分类:
其他好文 时间:
2020-01-19 09:40:03
阅读次数:
68
ECMAScript:标准、核心 HTML 标签类型:block、inline、inline-block、table…… 一、JS中的数据类型:数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义 二、typeof 判断数据类型 “undefined” 如果这个值没有定义 “boo ...
分类:
其他好文 时间:
2020-01-18 10:43:57
阅读次数:
104
ECMAScript:标准、JS的核心 HTML标签类型:block、inline、inline-block、table...... JS中的数据类型:数字、字符串、布尔、函数、对象(obj、[数组]、{json}、null)、未定义 typeof 判断数据类型 数字类型 var i = 100; ...
分类:
Web程序 时间:
2020-01-17 23:06:13
阅读次数:
109
给父级设置font size:0,然后再在子元素中设置我们的字体大小,可以去掉元素间的间距 ...
分类:
其他好文 时间:
2020-01-12 17:51:55
阅读次数:
52
第一步:自定义单选框、复选框的层叠样式表,并将其映入 build.css: .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: rel ...
分类:
其他好文 时间:
2020-01-08 14:52:28
阅读次数:
125
1.块状元素转行内元素:display: inline;2.行内元素装块状元素:display: block;3.隐藏:display: none;4.行内块状元素,既有行内元素特性,也可以设置margin和宽高:display: inline-block;5.margin值:块状元素水平和竖直方向 ...
分类:
Web程序 时间:
2020-01-07 19:53:03
阅读次数:
74
布局其实就是想办法怎样将一些元素横向的排列起来,纵向由于块级元素的存在会自动占据一行。 inline block 元素会占据一行而且可以调整宽高很适合将这些元素排列在一行,而且使用 inline block 元素排列没有清除浮动这样的问题。 但是,使用 inline block 布局两个元素之间会有 ...
分类:
Web程序 时间:
2020-01-04 10:52:04
阅读次数:
104