文档章节

什么是行内块元素?

博为峰教研组
 博为峰教研组
发布于 2017/04/09 17:02
字数 273
阅读 12
收藏 0

我们都知道行内元素和块级元素,在实际开发中,经常会听到行内块元素,那么什么是行内块元素呢?

行内块元素实际就是把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性。

CSS有个属性叫做display,其取值可以为inline-block。W3CSchool中说display 属性规定元素应该生成的框的类型。那么inline-block这个行内块元素与行内元素和块级元素有什么区别呢?

也就是通过设置display属性的值,决定一个元素是块级元素还是行内元素还是行内块元素。

块级元素:block

行内元素:inline

行内块元素:inline-block

块级元素和行内元素,大家已经了解了,那么如何使用行内块元素呢?行内快元素既有行内元素的特点也有块级元素的特点

1.可以改变宽高(块级元素特点)

2.不独立成行(行内元素特点)

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
CSS的常见样式

本篇文章将主要阐述CSS的常见样式 对于常见样式做出大量说明 虽然CSS的样式并不算多但是在CSS的使用上却是最多的并且是复用性最多的。 1. 块级元素和行内元素分别有哪些?动手测试并列出4条以...

熊蛋子17
2017/11/12
0
0
CSS的常见样式序(1)

1. text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 text-align作用在块级元素上,可以使块内元素的文字、图片、和行内元素水平居中。但不能使块级元素居中。注意t...

熊蛋子17
2017/11/12
0
0
CSS文档流与块级元素和内联元素

CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让...

i33
2012/12/28
0
0
SPAN元素和DIV元素有什么区别?

解决思路: 最明显的区别是:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是...

LiShixi
2011/09/20
0
0
浅析行内元素视觉格式化

起因 前段时间组内同学在开发运营页的过程中,遇到一个有趣的问题:移动端页面采用 ,图片在垂直方向展示时会出现莫名的间隙(如下图所示)。几位同学纷纷提出不同的解决方案,但为什么会出现...

代码君的自白
2017/11/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

flutter Expanded用法

使用的地方:一个分类,类似京东的,左右两边都可以滑动 Widget build(BuildContext context) { return Row(children: [ Column( children: <Widget>[ Ex......

大灰狼wow
13分钟前
1
0
Java8 Map中新增的方法使用总结

前言 得益于 Java 8 的 default 方法特性,Java 8 对 Map 增加了不少实用的默认方法,像 getOrDefault, forEach, replace, replaceAll, putIfAbsent, remove(key, value), computeIfPresent,......

kaixin_code
22分钟前
1
0
@TransactionConfiguration

@TransactionConfiguration过时与替代写法 @TransactionConfiguration 替代写法

miaojiangmin
25分钟前
0
0
浅谈Vue响应式(数组变异方法)

很多初使用Vue的同学会发现,在改变数组的值的时候,值确实是改变了,但是视图却无动于衷,果然是因为数组太高冷了吗? 查看官方文档才发现,不是女神太高冷,而是你没用对方法。 看来想让女...

开元中国2015
26分钟前
1
0
Elasticsearch通关教程(五):如何通过SQL查询Elasticsearch

  这篇博文本来是想放在全系列的大概第五、六篇的时候再讲的,毕竟查询是在索引创建、索引文档数据生成和一些基本概念介绍完之后才需要的。当前面的一些知识概念全都讲解完之后再讲解查询是...

SEOwhywhy
45分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部