内联元素（display：inline-block）注意事项

1.内联元素margin的上下没有用，加入 display:inline-block 后，才有用；

不是block块级元素了，那么想居中，用 margin：0 auto; 没用了，

那想居中，在他“父亲”加上 text-align：center；即内联元素想居中，在他“父亲”加上 text-align：center；

2.如果想让边框缩，跟文本一样宽，加入 display:inline-block

3， display:inline-block后，下面会有空隙，需加上 vertical-align:top; 不加会出hug

4,内联元素从左向右移动，块级元素从上到下

5.内联元素的高度：有line-height决定

6、display: block 会另起一行

内联元素（display：inline-block）注意事项相关推荐

块级元素 Vs 内联元素
HTML的元素可以分为两种: 块级元素(block level element ) 内联元素(inline element ) 二者的区别如下: 1. 块级元素独占一行(除非显示修改元素的displa ...
块级元素与行级元素（内联元素）
内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...
CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
CSS 5 CSS 内联元素和块状元素
CSS 文章目录 CSS 5 CSS 内联元素和块状元素 5.1 内联元素[inline] 5.2 块级元素[block] 5.3 内联元素与块级元素的区别 5.3.1 内联元素 5.3.2 块状 ...
HTML中的块级元素和内联元素
1.特性块级元素(block level element)总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示宽度(width).高度(height).内边距(padding)和外边 ...
html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解
原标题:HTML中块级元素和内联元素的特性详解在网站布局中经常会遇到元素进行居中的时候,设置了text-align:center:margin:0 auto;有时候会起作用,但有时候对居中无效,刚接 ...
了解一下块级元素和内联元素
块级元素是指单独撑满一行的元素,如div.ul.li.table.p.h1等元素.这些元素的display值默认是block.table.list-item等. 内联元素又叫行内元素,不占有独立的区域 ...
【HTML】秒懂内联元素和块级元素的区别
内联元素和块级元素 1.内联元素(inline) (一)内联元素的概念 (二)内联元素的特性 (三)HTML标签中常见的内联元素 2.块级元素(block) (一)块级元素的概念 (二)块级元素的特性 ...
html块状元素和内联元素_HTML中的内联元素和块元素-解释
html块状元素和内联元素块和内联元素 (Block and Inline Elements) Let's understand block and inline elements using th ...

内联元素（display：inline-block）注意事项

内联元素（display：inline-block）注意事项相关推荐

最新文章

热门文章