百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 行内元素与块级元素有什么区别
分享文章到:

行内元素与块级元素有什么区别

发布时间:09/01 来源:未知 浏览: 关键词:

块级元素

1、总是从新行开端

2、高度、行高、外边距乃至内边距都可以操纵

3、宽度默许是阅读器的100%

4、可以容纳内联元素乃至其他块元素

行内元素

1、和相邻元素在一行上

2、高、宽无效,但是水平标的目的的padding和margin可以设定,垂直标的目的无效

3、默许宽度就是它本身内容的宽度

4、行内元素只能容纳文本或其他行内元素(a除外)

(视频教程引荐:css视频教程)

留意:

1、只要文字才能组成段落,因此p里面不克不及放置块级元素,同理还有这些标签h1-h6,dt等,它们都是文字块级标签,里面不克不及放置其他块级元素

2、链接里面不克不及再放置链接

块级元素和行内元素的不同

块级元素的特点:

1、总是从新行开端

2、高度、行高、外边距乃至内边距都可以操纵

3、宽度默许是阅读器的100%

4、可以容纳内联元素乃至其他块元素

行内元素的特点:

1、和相邻行内元素在一行上

2、高、宽无效,但是水平标的目的的padding和margin可以设定,垂直标的目的无效

3、默许宽度就是它本身内容的宽度

4、行内元素只能容纳文本或其他行内元素(a除外)

行内块标签 inline-block

在行内元素中有几个非凡的标签--<img />、<input>、<td>,可以对他们设定宽高和对齐属性,有些材料大概会称它们为行内块元素。

特点:

1、和相邻行内元素(行内部)在一行上,但是之间会有空白间隙;

2、默许宽度是它本身内容的宽度

3、高度、行高、外边距乃至内边距都可以操纵

标签显示模式转换 display

块转行内:display:inline;

行内转块:display:block;

块、行内元素转换为行内块:display:inline-block;

引荐教程:css快速入门

以上就是行内元素与块级元素有什么不同的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板