美文网首页
关于div占行的问题

关于div占行的问题

作者: dissolvache | 来源:发表于2017-06-23 00:09 被阅读0次

div元素默认是占整行的,要想并排显示,有以下2种方法:

1、float。但是float会有一系列副作用(待补充)。

2、设置display:inline,使它成为行内元素;

display:inline

1、inline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排列不下,才会新换一行,其宽度随元素的内容而变化。

2、inline元素设置width,height属性无效。

3、inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left,

margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, margin-top,

margin-bottom不会产生边距效果。

相关文章

  • 关于div占行的问题

    div元素默认是占整行的,要想并排显示,有以下2种方法: 1、float。但是float会有一系列副作用(待补充)...

  • 2020-06-11 html用法

    div和span区别 span 有多高占多高 div 占用一行

  • 01.22 div和span

    div和span 都是无语义标签,空白标签,网页中内容分组分块都是使用div作为容器 div - 一个div占一行...

  • Css基础

    html注意事项 span行内元素:不会独自占一行,宽度是内容的大小div块级元素:独自占一行,宽度100%注意事...

  • 网页二三事

    块元素:(独占一行) div没有任何语意 内联元素:(只占本身大小) span同div 一样没有任何语意 a元素可...

  • 关于div居中问题

    正常设置一个div的宽高时 浏览器默认该div的margin-left为0margin-right为浏览器的宽度减...

  • 15-标签显示模式(display)

    一、标签显示模式 什么是标签的显示模式?标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放...

  • 学习笔记(网页布局 样式分类)

    网页布局 1.在“当前版面”分出独立的区块:纵向或横向。2.纵向:每一个区块写一个div(div本身自占一行)。3...

  • span div区别

    div是块级元素,它不论大小默认占一行,而且可以设置宽高以及外边距span是行内元素,它占它自身大小的位置,而且不...

  • 浮动

    关于浮动 在标准的文档流中,div元素会独占一行,但在实际的布局中经常会遇到让多个div显示在一行中的需求,浮动就...

网友评论

      本文标题:关于div占行的问题

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