行内元素和块元素

原创 2016年08月28日 20:27:16
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<style type="text/css">
span{
width: 400px;
height: 100px;
background-color: pink;
display: block;
}
div{
width: 400px;
height: 200px;
background-color: red;
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--行内元素设置宽度和高度无效,必须先转换为块元素 dispaly:blcok
块级元素转化为行内元素需要dispaly:inline
行内元素的padding和margin只有水平方向的-->
<span>123</span>
<div>woshidiv</div>
<a href="#">我是超链接行内元素</a>
</body>
</html>



HTML 行内元素 与 块级元素

行内元素一般是内容的容器,而块级元素一般是其他容器的容器。一般情况下,行内元素只能包含内容或者其它行内元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行;而块级元素可以包含行内元素...
  • qingyafan
  • qingyafan
  • 2016年08月15日 23:38
  • 4212

说下行内元素和块级元素的区别?行内块元素的兼容性使用?

行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。常...
  • shengming0302
  • shengming0302
  • 2017年07月09日 15:32
  • 1437

CSS里有哪些常见的块级元素和行内元素

根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级...
  • Im_KK
  • Im_KK
  • 2014年09月27日 15:25
  • 4448

html5行内元素和块级元素介绍

块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题定义副标题定义标题定义标题定义标题定义最小的标题创建一条水...
  • lvyuan30276
  • lvyuan30276
  • 2016年09月28日 21:30
  • 1053

块元素和行内元素

块元素(可设置宽高,会换行, padding、margin四个方向都有效): div, p, ul, li, h1-h6, input 行内元素(不可设置宽高,不会换行, padding、ma...
  • xinwong
  • xinwong
  • 2016年11月05日 16:02
  • 71

HTML中行内元素与块级元素的区别

在标准文档流里面,块级元素具有以下特点: ①总是在新行上开始,占据一整行; ②高度,行高以及外边距和内边距都可控制; ③宽带始终是与浏览器宽度一样,与内容无关; ④它可以容纳内联元素和其他块元...
  • fangqun663775
  • fangqun663775
  • 2016年12月29日 18:04
  • 648

常用的块级元素(block)、行内元素(inline)以及行内块元素(inline-block)的解析

块级元素、行内元素以及行内块元素的区别
  • cc18868876837
  • cc18868876837
  • 2017年09月22日 10:41
  • 274

盒子模型,块级元素和行内元素特性与区别

盒模型到底是什么? 盒模型是CSS实现页面布局的一种思想:把页面的所有元素都看成一个类似于礼品盒的盒子,礼品盒可能会有好多层包装组成,那么页面元素也对应的有内容、边框、内外边距等组成。这里特别提...
  • Mr_yq
  • Mr_yq
  • 2017年11月28日 22:22
  • 62

html中的块级元素、行内块元素和行内元素

1. 常见的块级元素(自动换行, 可设置高宽 )有:        div, h1-h6, p, pre, ul, ol, li, form, table, label等 2. 常见的行内元素(无...
  • michael8512
  • michael8512
  • 2017年07月24日 20:25
  • 284

HTML学习之块级元素和行内元素的特征和区别(一)

这几天在学习HTML,这里总结一下块级元素和行内元素的特征和区别,本文也是来自于其他同行的一些文章,在这里感谢一下那些作者,下面先把这些原文粘贴出来 http://www.cnblogs.com/J...
  • liuying1802028915
  • liuying1802028915
  • 2017年10月13日 10:18
  • 152
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:行内元素和块元素
举报原因:
原因补充:

(最多只允许输入30个字)