`
隐形的翅膀
  • 浏览: 486665 次
  • 性别: 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块级元素与行内元素(内联元素)的区别和联系

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

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

    主要介绍了CSS块级元素与行级元素详解 的相关资料,需要的朋友可以参考下

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

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

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

    NULL 博文链接:https://maoting.iteye.com/blog/1722563

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

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

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

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

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

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

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

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

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

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

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

    网友设计与开发中的块元素与行内元素详解,需要的下载看看。

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

    块级元素和行级元素在设置宽高度时会遇到很多琐碎的问题,这里我们通过分类讨论的方式来进行CSS设置HTML元素的高度与宽度的各种情况总结,需要的朋友可以参考下

    html5shiv.min.js

    在html导入这个js文件(有行级元素需要转换成块级元素)

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

    一、基础概念 ...常见块级元素:div、lu、li、d、dt、p……)和行级元素(能在同一行内显示,不会改变HTML文档结构。常见行级元素:span、strong、img、input……)组成。2、浮动(Floats):3、绝对定位(Absol

    css中display和visibility的用法和区别介绍

    Display的属性值 block:/*表现为一个块级元素(一般情况下独占一行)*/当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像元素一样,它会在那个点被放入到页面中。(实际上你可以设置的...

    Html基础知识点.docx

    * 行级标签:默认宽度由内容撑开,行级标签不会自动换行,行级标签的宽度高度不能设置 七、utf-8、GBK 和 ISO8859-2 字符集 * charset 属性规定 Html 文档的字符编码 * UTF-8 是一种针对 Unicode 的可变长度字符...

    CSS:布局

    浮动:将元素移动到父元素最左和最右,可以将元素按着我们的意思进行排列 1.标准流(最稳定) 2.浮动流(float其次) 3.定位流(稳定性最后) 块级标签 独占一行,从上到下依次排列 在文档流中,不设置宽高时,宽度...

    Java面试宝典2020修订版V1.0.1.doc

    7、行级标签转块级标签,块级标签转行级标签 13 二、Java基础部分 13 1、java中有哪些基本类型? 13 2、java为什么能够跨平台运行? 13 3、String是基本数据类型吗?我可不可以写个类继承于String? 14 4、谈谈&和&&...

Global site tag (gtag.js) - Google Analytics