美文网首页
html+css之行元素与块元素

html+css之行元素与块元素

作者: 微笑是我_f8bb | 来源:发表于2018-09-01 15:30 被阅读0次

html中的标签有行元素(inline)、块元素(block)、行块元素(inline-block),三种,以下就简单整理一下。(本文只整理常见的,想要完整版的小伙伴可以自行查看手册哦)。

1、常见块元素:div h1 h2 h3 h4 h5 h6 p ul li ol form tr th 。

特点:块元素display:block   独占一行   默认宽度父级宽度的100%,默认垂直显示,可设置宽高、padding、margin。

2、常见行内元素:span  a i br。

特点:行元素display:inline  宽度自适应,靠内容撑开(以内容的大小为大小),水平显示,在一行之内。不能写宽高,可改变display:block不支持垂直方向的margin和padding,但左右方向的margin和padding是可以设置的。

3、常见行块元素:img。

特点:display:inline-block 对外表现为行级,对内表现为块级支持宽高,支持垂直方向的margin和padding。

若想要使行元素块元素之间相互转换可设置display属性。

相关文章

  • html+css之行元素与块元素

    html中的标签有行元素(inline)、块元素(block)、行块元素(inline-block),三种,以下就...

  • 小组分享--HTML(5)嵌套规则

    HTML/XHTML嵌套规则 块级元素与块级元素平级、内嵌元素与内嵌元素平级 块级元素可以包含内联元素或某些块元素...

  • 块级元素与行内元素

    块级元素与行内元素 常用的块级元素与行内元素有哪些? 块级元素:div , p , form, ul, li , ...

  • 企业级规范

    html标签企业级规范 一、 块级元素与块级元素平级,内嵌元素与内嵌元素平级 二、块元素可以包含行内元素或者某些块...

  • 块元素与内元素

    块元素与行内元素定义: 行内元素:只占据它对应标签的边框所包含的空间。只能容纳文本或者其他内联元素块元素:占据其父...

  • 行内元素与块元素

    块元素 block(块)元素的特点: 总在新的行开始; 高度、行高以及外边距和内边距都可控制; 宽度默认是容器的1...

  • css常见样式总结

    块级元素与行内元素区别 块级元素与行内元素 块级元素:div, h1-h6, p, hr, form, ul, o...

  • 前端面试整理

    基础html+CSS 行内元素有哪些?块级元素有哪些?CSS的盒模型? 说一说html5和css有哪些新特性,如何...

  • HTML中的块级元素与内联元素——零基础自学网页制作

    块级元素与内联元素的概念与区别 在HTML中,大多数元素都被定义为块级元素或内联元素。 块级元素通常会独立成行,而...

  • 小问题记录

    块级元素与行内元素 默认情况下,块级元素会新起一行。 一般块级元素可以包含行内元素和其他块级元素。 行内元素 默认...

网友评论

      本文标题:html+css之行元素与块元素

      本文链接:https://www.haomeiwen.com/subject/opdoiftx.html