CSS:内联元素和块级元素的区别(译)_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS:内联元素和块级元素的区别(译)_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3365字,纯文字阅读大概需要5分钟。
内容图文
![CSS:内联元素和块级元素的区别(译)_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/408/627dbca5df6d49059be4b00733568a06.jpg)
作为一名后端程序员,经常会接触到这些概念。以前也仅仅知道,块级元素和内联元素的简单区别。现在的工作中已经离不开前端了,所以想深入了解下块级元素和内联元素的区别,为之后的前端学习多打一点基础。
块级元素
块级元素具有以下特点:
- 如果未设置宽度,宽度会自动时应到它父级元素的宽度。
- 如果未设置高度,高度默认为其子元素的高度(前提是子元素没有设置浮动和position定位)。
- 可以设置margin/padding。
- 默认的,块级元素独占一行。
- 会忽略vertical-align属性。
因此,如果我们想让块级元素自动适应父元素的宽度,就不要给块级元素设置宽度或者设置一个 100%的宽度,这样反而不好维护。
HTML中常见的块级元素:
,
,
![](http://www.gxlcms.com/Public/aiod/ts.jpg)
html代码热搜
- 多个div中table的tdwidth设置一样也不法对齐
- html中table为每个单元格设置不同颜色和宽度
- html标准写法与dreamweaver自动生成的不一样
- 将html标签在浏览器居中显示的css样式
- hr水平线样式示例代码
- html中#includefile的用法示例介绍
- 通过css控制HTML文本框中的文字垂直居中
- 使用iframe在网页中嵌入其他网页的方法
- html文件中flash视频格式(flv、swf)文件的嵌入方法
- a链接刷新页面与js刷新页面用法示例介绍
- Form提交表单页面刷新不跳转
- html中使用margin:0auto整个页面不居中的解决方法
- input中id和name属性的区别示例介绍
- iframe子页面操作父页面并实现屏蔽页面弹出层效果
- 如何在textarea文本输入区内实现换行
- html表单属性readonly和disabled的使用方法
- IE网页弹出窗口的常用参数整理可自行设定
- htmldoctype作用介绍
- 通过iframe实现在body中放frameset
- HTML中当定义多个class属性时无效的解决方法
- html中div不自动换行、强制不换行的具体实现
- html+css+javascript实现列表循环滚动示例代码
- html的基本使用包括链接、样式表、span和div等等
- DIV背景半透明文字不半透明的样式
- 用image来提交form不想使用button提交form
![](http://www.gxlcms.com/ad/tx500x500.jpg)