一、元素的块级与行级特性 在CSS属性display控制元素是否及如何显示的特性,常用的值有none、inline、block、inline-block,在CSS3中还有一些新的特性状态,在这里不做讨论。 这里我们主要讨论display在CSS布局中涉及到主要属性值inline、block、inli ...
分类:
Web程序 时间:
2018-12-27 10:30:33
阅读次数:
337
一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行,其后多个block元素自动换行、 可以设置width,height,设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 ...
分类:
其他好文 时间:
2018-12-02 01:19:42
阅读次数:
224
配置 目前博客园已经内置添加了MathJax以支持LaTeX数学公式。 Latex公式基础 排版方式 行级元素:行级元素使用 $括起来,两个该符号分别表示公式的首尾 块级元素:块级元素使用 $$括起来。块级元素默认是居中显示 常用西文符号 \alpha,\beta,...,\omega 代表α、β、 ...
分类:
其他好文 时间:
2018-11-28 22:29:03
阅读次数:
370
一.margin的塌陷解决: BFC (block format context)块级格式化上下文格式 display:inline-block float:left / right overflow: hidden position: absolute 二.float 1.浮动元素产生了浮动流 2 ...
分类:
Web程序 时间:
2018-10-31 15:33:55
阅读次数:
178
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。 一、 Lin ...
分类:
其他好文 时间:
2018-10-20 16:25:39
阅读次数:
164
10.11 1,改变元素的性质的三种方式,position display float。 行级元素和行级块元素的margin的上下不起作用了,左右还行。 元素添加float position 元素不会占位(脱离标准流), ...
分类:
其他好文 时间:
2018-10-16 13:41:51
阅读次数:
107
改变元素性质的三种方式: position display float 行级元素,行级元素的margin上下不起作用了,左右还行 占位: 针对标准流来说, 元素添加float,position元素,不会占位(脱离标准文档流) 浏览器默认的天生inline-block元素(有内在尺寸,设宽高,不自动换 ...
分类:
其他好文 时间:
2018-10-15 18:23:11
阅读次数:
141
上篇文章讲的是行级元素与块级元素,明明说了行级元素不可设置width,height属性,而为何img、input等行级元素可以设置宽、高??? 看官莫急,下面我会详细解答。 可替换元素 1. 替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。例如浏览器会根据<img>标签的src属性 ...
分类:
其他好文 时间:
2018-08-17 22:25:14
阅读次数:
258
JavaScript js如何实现继承 CSS 行内元素和块状元素的区别 CSS让2个DIV在同一行显示的解决方法 在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。所以 ...
分类:
其他好文 时间:
2018-07-31 19:32:45
阅读次数:
113
### div溢出小点 - div写一段英文,会看成一个,则溢出,加上空格,表示文字分割(空格回车都是文字分割) ### a - 加上target = “_blank_”跳转到新页面 - href = “#name”,给div一个name,点击a标签跳转到该div出 回到顶部 ### 行级盒子VS块 ...
分类:
Web程序 时间:
2018-07-21 16:51:44
阅读次数:
197