分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

HTML 块级元素行内元素的区别

发布时间:2023-09-06 01:22责任编辑:赖小花关键词:HTML

HTML标签

一、块级元素和行内元素是布局中常见的两种基本元素

常见块级元素:div  p  form ul ol li 

常见的行内元素:span stronh em;

二、块级元素特性

1.默认独占一行

2.没有宽高时默认撑开一排

3.支持所有css属性

三、内联元素的特性

1、同排可以继续跟同类的标签

2、内容撑开宽度

3、不支持宽高

4、不支持上下的margin和padding

5、代码换行被解析

四、块级元素内联元素相互转换

css        display:block;  块级元素

    display:inline;  行内元素

五、display:inline-block;属性解析

特性

1、块在一行显示;

2、行内属性标签支持宽高;

3、没有宽度的时候内容撑开宽度

问题:

1.代码换行被解析;

2、ie6 ie7 不支持块属性标签的inline-block;

HTML 块级元素行内元素的区别

原文地址:http://www.cnblogs.com/Argentina/p/7787088.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved