简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:32:42
Original
1775 people have browsed it

html中的标签元素大体被分为三种不同的类型：块级元素、内联元素(又叫行内元素)和内联块级元素。

块级元素特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致）

常用的块状元素有：

、

、

...

、
    、
    、
    、、
    、
    、

    设置display:block；可以将元素转换块级元素。

    内联元素特点：

    1、和其他元素都在一行上；

    2、元素的高度、宽度及顶部和底部边距不可设置；

    3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

    常用的内联元素有：

    、、
    、、、、

    设置display:inline;可以将块状元素转换为内联元素

    内联块级元素特点：（同时具备内联元素、块级元素的特点）


    1、和其他元素都在一行上；

    2、元素的高度、宽度、行高以及顶和底边距都可设置！

    常用的内联块状元素有：

    html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。_html/css_WEB-ITnose、

    display:inline-block；float:left / right；position：absolute/fixed;可以将元素设置为内联块级元素。

     

Related labels：
html元素类型 块级元素、内联元素(又叫行内元素)和内联块级元素。
source：php.cn
Previous article：js,jquery,css,html5特效_html/css_WEB-ITnose Next article：HTML 元素和有效的 DTD_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
React Native: Is it possible to have custom subviews in TextInput component? I'm trying to create a TextInput component that has a custom view when typing someone's na...
From 2023-09-11 15:07:01
0
1
299
Teacher, I have a question, that is display: block, Teacher, I have a question, that is display: block. I know that its function is to control...
From 2019-03-11 17:33:56
0
2
803
When the mouse passes over the navigation label, it has no effect. How can I find the problem? <!DOCTYPE html><html><head> <meat charset="utf-8"> <t...
From 2018-11-07 14:54:33
0
1
887
javascript - 在HTML中，为什么<h>被划分为容器级标签，而<p>被划分为文本级标签？（注意是HTML划分，不是CSS） html中的容器级标签和文本级标签，css中的块级元素和行内元素是我们常常拿来比较的四个名词 容器标签 容器级的标签可以简单的理解为能嵌套其它所有标签的标签。常见容器级的标签: d...
From 2017-04-11 12:43:28
0
2
200
javascript - 浮动元素和块级元素以及内联元素布局 1 演示效果：http://runjs.cn/detail/ibjo3ywk 2 问题： strong { {代码...}
From 2017-04-10 17:26:20
0
4
357
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！