码迷,mamicode.com
首页 > 其他好文 > 详细

行内元素和块级元素

时间:2018-06-28 17:31:16      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:无法   块级元素   一个   改变   sel   内嵌   ext   并且   默认   

行内元素指的是:书写完成后不会自动换行,并且元素没有宽和高。

行内元素也叫内联元素或者内嵌元素。行内元素和其他元素都在一行上,高度、行高、内边距和外边距都不可改变。宽度是它文字或者图片的宽度,也是不可改变的。行内元素只能容纳文本或者其他行内元素

 

例如:span  br  a  em  strong  style   <span style=”height=50px”>55555</span>   高度无效

 

块级元素写完后会自动换行,有宽高可以修改。    

块级元素默认占一行,一行内添加一个块元素后一般无法添加其他的元素(后续CSS中会讲块级元素和行内元素的转换)。块级元素一般可以嵌套块级元素或行内元素。块级元素宽高,行高以及外边距和内边距都是可控的。

例如:body  from  select  textarea  h1-h6 html table  button  hr  p  ol  ul  dl  cnter  div

 

<2>display:block  display:inline  display:inline-block的区别

 

Display:block ----可使元素变成块级元素,可设置高度宽度,行高等。但是默认会一个元素占据一行

Display:inline----可使元素变成内联元素,不可设置高度宽度,行高德国。但是默认会排列在一行。

Display:inline-block----既可使元素并行显示,又可以设置其高度和宽度。

行内元素和块级元素

标签:无法   块级元素   一个   改变   sel   内嵌   ext   并且   默认   

原文地址:https://www.cnblogs.com/8080zh/p/9239639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!