`
隐形的翅膀
  • 浏览: 498435 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

块级元素和行级元素

    博客分类:
  • css
 
阅读更多
块级元素和行级元素

值 描述
none 此元素不会被显示。
block 此元素将显示为块级元素,此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block 行内块元素。(CSS2.1 新增的值)
list-item 此元素会作为列表显示。



1. 如何让span的 margin 属性生效

     因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。
把这段
span{
margin-left:25px;
margin-top:200px;
}
改为
span{
margin-left:25px;
margin-top:200px;
display:block;
}

2. 多个div 在一行显示

      .lineDiv{
 
   display:inline-block;
  
      }
分享到:
评论

相关推荐

    CSS块级元素与行级元素详解

    块级元素通常会在新的一行开始,并且可以包含内联元素和其他块级元素。例如,`<p>`标签(段落)、`<form>`标签(表单)、以及`<div>`标签(通用布局容器)都是常见的块级元素。块级元素的特点是它们会占据整个宽度,...

    行内元素和块级元素 displayDemo.html

    常见的块级元素有`<div>`、`<p>`(段落)、`<h1>`到`<h6>`(标题)、`<ul>`(无序列表)、`<ol>`(有序列表)和`<li>`(列表项)等。块级元素的特点: - 自动占据整行,即使内容很少,也会独占一行。 - 相邻的块级...

    浅谈CSS块级元素与行内元素(内联元素)的区别和联系

    在css盒子模型中,我们提到了html元素中的块元素(block element)和内联元素(inline element)。那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...

    前端日记01_行内元素和块级元素

    前端日记01_行内元素和块级元素欢迎大家来跟胖胖一起xio习!基本知识分类速览块级元素和行级元素的转换参考链接 欢迎大家来跟胖胖一起xio习! Hey,这里是胖胖的博客,目前正在学有关前端的知识,有时候会把一些遇到...

    网页设计与制作教程(HTMLCSSJavaScript)第2版第5章CSS盒模型.pptx

    块级元素和行级元素是两种不同的元素类型,块级元素的宽度和高度可以通过width和height属性设置,而行级元素的宽度和高度是自动计算的。 5.5 盒子的margin叠加问题 --------------------- margin叠加问题是指两个...

    HTML中的块级、行级元素,特殊字符,嵌套规则

    元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看 <!DOCTYPE html> <...

    微信小程序布局之行内元素和块级元素

    元素按照显示方式主要可以分为块级元素和行内元素,元素的显示方式由display属性控制。 块级元素特点总结: ...5、可以容纳行内元素和其他块级元素。   行内元素(diaplay:inline)特点总结: 1、和

    【CSS基础学习】行内元素,块级元素,行内块级元素

    文章目录元素的显示方式和转换块级元素行级元素行内块级元素显示方式之间的转化 元素的显示方式和转换 块级元素 块级元素(inline): 块级元素可以包含行内元素和其它块级元素,且占据父元素的整个空间,可以设置 ...

    前端大厂最新面试题-2020跟谁学前端社招面经.docx

    1. 块级元素(block-level element)和行级元素(inline-level element)的区别:HTML 元素可以分为块级元素和行级元素两类。块级元素占据整行,行级元素与其他元素共占一行。常见的块级元素有 `<div>`、`<p>`、`...

    网页布局入门教程 如何用CSS进行网页布局

    块级元素和行级元素都遵循盒模型。 绝对定位布局、混合布局及结构与表现原则是CSS进行网页布局的重要知识点。绝对定位布局是通过指定元素相对于其包含块的位置来进行布局的方式。混合布局则是结合多种定位方法来...

    HTML5+CSS3网页设计基础-第一章-网页设计基础.pptx

    网页的布局结构是指网页的页面布局,包括块级元素和行级元素的排版。块级元素是指页面上的大区块,而行级元素是指小区块中的文字、图片或超链接等内容。 3.创建HTML5页面 创建HTML5页面可以使用记事本或HBuilder等...

    04_文本相关属性_行级块级元素内容居中问题.html

    04_文本相关属性_行级块级元素内容居中问题.html

    html基础总结

    - **块级元素与行级元素**:支持同时包含块级元素和行级元素的标签包括`<fieldset>`、`<div>`、`<li>`、`<object>`。 - **仅行级元素**:只能包含行级元素的标签如`<h1>-<h6>`、`<pre>`、`<p>`、`<address>`。 - **...

    《网友设计与开发》中块元素与行内元素详解

    * `div`:常用块级元素,也是 CSS 布局的主要标签 * `dl`:定义列表元素,用于显示定义列表 * `fieldset`:表单控制组元素,用于将表单控件分组 * `form`:交互表单元素,用于创建表单 * `h1-h6`:标题元素,用于...

    关于css 行元素和块元素 相互转换 居中

    一、块级元素 行内元素 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 您...

    web前端重点业务难点

    2. 区分块级元素和行级元素,块级元素可以设置宽高,例如 `div`、`p`、`h1-h6`、`ul`、`li`、`ol`、`table` 等,而行级元素不能设置宽高,例如 `span`、`input`、`img`、`sub`、`sup`、`select` 等。 3. img 标签的...

    CSS设置HTML元素的高度与宽度的各种情况总结

    本文主要针对块级元素和行级元素在设定宽高时可能出现的各种情况进行了详细的总结,旨在帮助开发者更好地理解和解决相关问题。 1. 元素不设宽度 在元素未设置宽度的情况下,其宽度通常会根据内容自动扩展。对于...

    h5day2.docx

    `:将元素设置为同时具备行级元素和块级元素特点的元素。 **示例代码**: ```css /* 将行级元素转换为块级元素 */ span { display: block; } /* 将块级元素转换为行级元素 */ div { display: inline; } /* 设置...

    HTML基本元素.docx

    * 块级元素:例如 div、p、h1 等,占据一整行,可以包含其他元素。 * 行级元素:例如 span、a 等,占据一部分行,不能包含其他元素。 * 空元素:例如 br、hr 等,没有内容的 HTML 内容。 HTML 元素的嵌套规则: * ...

Global site tag (gtag.js) - Google Analytics