`
fuying88958
  • 浏览: 9753 次
  • 性别: Icon_minigender_2
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

内联元素之padding和margin的表现 .

 
阅读更多

在未定义display:block和float:left 时,内联元素的padding和margin只有左右好用上下不好用,注意观察第二和第三虽然padding的上下内补白能把border撑开但是它不会在空间上有一定距离,定义宽高不好用。

当定义了display:block后a标签的表现和块儿级元素一样

 当定义了float:left后padding、margin上下左右都起作用

分享到:
评论

相关推荐

    css中padding、margin两个重要属性的详细介绍及举例说明

    - **行内块元素(Inline-Block Element)**:具有块级元素和内联元素的特点,可以在同一行显示多个元素,同时也能设置宽度和高度。 #### 三、`margin`属性详解 `margin`属性用于控制元素周围的空白区域,它不会占用...

    CSS文档流与块级元素(block)、内联元素(inline)

    通过本文的介绍,我们了解了文档流的基本概念以及块级元素和内联元素的区别。这些基础知识对于理解和掌握CSS布局至关重要。在实际开发中,灵活运用这些元素的不同特性可以帮助我们构建更加美观和实用的网页布局。

    CSS的margin和padding

    **CSS的margin和padding详解** **Margin是什么** 在CSS中,`margin`是一个非常重要的属性,它用于定义元素周围的空间,即元素与元素之间或元素与容器边界的距离。`margin`是透明的,不会影响元素本身的颜色或背景...

    html 内联元素和html 块级元素概述及区别

    HTML中的元素分为两种主要类型:块级元素和内联元素,它们在网页布局中扮演着至关重要的角色。...在实际工作中,常常需要结合块级元素和内联元素的特性,通过CSS进行调整,以达到最佳的视觉效果和用户体验。

    css中padding和margin的异同点介绍

    - 内联元素:对于内联元素,水平方向的margin和padding可以产生效果,但垂直方向的margin可能无效(由display属性决定),而内联元素的padding总是有效的。 - 容器模型:在CSS的盒模型(Box Model)中,margin是不...

    css 块状元素和内联元素

    在CSS布局中,块状元素和内联元素是构建网页结构的基础,理解它们的特性对于创建有效的页面布局至关重要。块状元素(Block-level Elements)和内联元素(Inline Elements)在HTML文档中扮演着不同的角色。 块状元素...

    10_盒子模型-margin的传递.html

    其中,margin作为盒子模型的组成部分之一,主要负责为元素与其它元素之间创建间隔,或者简称为外边距。正确理解和应用margin对于实现整洁且一致的页面布局至关重要。 首先,我们需要知道margin属性控制的是元素周围...

    16_行内非替换元素的特殊性.html

    4. 外边距和内边距:不同于块级元素,内联级元素的垂直方向的外边距(margin)和内边距(padding)可能不会产生预期的效果。通常,垂直方向上的`margin`和`padding`并不会影响行高,只会影响到元素本身的尺寸。 5. ...

    CSS深入学习之让你认识不一样的margin

    接着,文章指出在设置margin时,块级元素(block-level elements)和内联元素(inline elements)有着不同的表现。对于块级元素,margin在四个方向都有效;而内联元素只在水平方向上受margin影响。 文章还特别提到...

    html内联元素和块级元素的基本概念及使用示例

    3. 边距(margin)和填充(padding)属性对内联元素的影响有限,一般只影响水平方向。 4. 内联元素通常用作文本内容的补充,例如,链接到其他页面或在文本中插入图片。 常见的内联元素包括:`<a>`、`<b>`、`<em>`、...

    05_盒子模型-内边距-padding.html

    盒子模型由四个部分组成:内容(content)、内边距(padding)、边框(border)和外边距(margin)。本文将着重探讨CSS盒子模型中的内边距(padding)部分。 内边距是指元素内容区域和边框之间的区域,它确保了内容与边框...

    行内和块元素

    行内元素和块级元素的区别主要表现在布局和样式属性上。 一、行内元素和块级元素概括 块级元素特点: 块级元素总是独占一行,这意味着它从上到下进行堆叠。在不设置宽度的情况下,块级元素通常会填满其父元素的...

    09_inline-block值的特点.html

    当设置了固定的宽度和高度之后,内联块级元素会表现得更像一个块级元素,可以包含块级元素和内联元素。但需要注意,当块级元素内部没有设置宽度和高度时,内联块级元素可能会出现"塌陷"现象,即元素的实际尺寸不被...

    HTML元素标签.doc(开发总结实用)

    HTML元素分为不同的类别,主要包括内联元素、块级元素和可变元素。 1. **内联元素**: 内联元素在页面布局中占据连续的文本空间,不会在前后引入新的行。这些元素主要用于文本修饰和插入其他内容,例如链接、强调和...

    margin属性[参照].pdf

    盒模型是指网页元素(如div、p等)在页面上的表现形式,包括内容区域(content)、内边距(padding)、边框(border)和外边距(margin)。 外边距(margin)是元素周围的空间,用于控制元素与元素之间的距离,以及...

    div+css盒子模型标签解析.docx

    理解并熟练运用CSS盒模型以及块级元素和内联元素的概念,能帮助开发者更精确地控制网页的布局,实现复杂的设计需求。在实际开发中,经常需要根据需要调整元素的`display`属性,以达到理想的视觉效果。

    网页前端笔试题库及参考答案.pdf

    3. 在 CSS 中,`width` 属性用于定义元素的宽度,而 `padding` 属性用于定义元素的填充宽度,`border` 属性用于定义元素的边框宽度。 4. 在 CSS 中,可以使用 `margin: 0 auto` 使元素水平居中。 5. 在 CSS 中,可以...

Global site tag (gtag.js) - Google Analytics