行内元素没内容时width为0，有内容时会被撑开，随着内容的增加而变宽 为行内元素设置width是无效的，但块级元素可以，所以文字不会超出span（即便出现横向滚动条），但会超出div 让div内的文字自动换行的三条CSS代码 ...
分类：
其他好文 时间：
2018-11-04 00:32:25
阅读次数：
141
关于浮动： 宏观地讲，我们的web页面和photoshop等设计软件有本质的区别：web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 ...
分类：
其他好文 时间：
2018-11-03 11:25:23
阅读次数：
448
我们在将UI稿实现为页面代码时，常常强调要Pixel Perfect、高精准地还原设计稿。 但我们常常会遇到这样一个问题：当我们用一个块级元素包裹文本时，会发现块级元素的高度，实际比文本的font-size尺寸还要高，导致上下形成了一些空白，进一步造成块级元素内的文本与垂直方向上相邻元素的距离变大( ...
分类：
其他好文 时间：
2018-11-01 12:02:55
阅读次数：
120
推荐使用： 将clearfix添加到父元素，即可清除浮动，原理与添加一个空的块级元素再添加clear: both样式一样，但是使用伪元素可以不破坏页面结构 此时要注意父元素原来是否已经设置了::after伪元素，避免冲突 ...
分类：
其他好文 时间：
2018-11-01 11:31:33
阅读次数：
118
父元素倾斜后，子元素需要是块级元素/行内块元素才能 抵消影响 ...
分类：
其他好文 时间：
2018-10-29 20:11:32
阅读次数：
144
float脱离文档流，浮动在其他元素之上 float后会变成一个块级元素（可设置宽高），宽度自动调整为元素中内容的宽度 显示结果： 图片浮动之后，container高度只剩下“111111”文字的高度，container不能被img撑开了 要想撑开container，要么清除浮动，要么叫contai ...
分类：
Web程序 时间：
2018-10-24 20:08:36
阅读次数：
134
流 元素 基本尺寸 流之所以影响整个css世界，是因为它影响了css世界的基石 HTML HTML 常见的标签有虽然标签种类繁多，但通常我们就把它们分为两类： 块级元素（block level element）和内联元素（inline element）。 1.块级元素 1.1 概念相关 “块级元素” ...
分类：
Web程序 时间：
2018-10-22 14:46:42
阅读次数：
152
利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。 一、 Lin ...
分类：
其他好文 时间：
2018-10-20 16:25:39
阅读次数：
164
1. HTML 块级元素（block element）块级元素总是在新的行上开始，并尽可能地占据本行全部可用的宽度。下面是咱学过的和没学过的块级元素的集合：<address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> < ...
分类：
其他好文 时间：
2018-10-19 15:11:51
阅读次数：
138
"display"属性 它们的默认值通常是 block 或 inline 。 一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。 块级元素block div 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。 其他常用的块级元素包括 p 、 for ...
分类：
Web程序 时间：
2018-10-18 22:03:59
阅读次数：
240
