css中用什么属性来定义盒的类型
css中使用display属性来定义盒的类型。display属性规定元素应该生成的框的类型，如【display:inline】，表示元素会被显示为内联元素，元素前后没有换行符。
本文操作环境：windows10系统、css 3、thinkpad t480电脑。
在css中，我们可以使用display属性来定义盒的类型。下面简单介绍下display属性。
属性介绍：
display 属性规定元素应该生成的框的类型。
属性值：
-
none 此元素不会被显示
-
block 此元素将显示为块级元素，此元素前后会带有换行符
-
inline 默认。此元素会被显示为内联元素，元素前后没有换行符
-
inline-block 行内块元素。（CSS2.1 新增的值）
-
list-item 此元素会作为列表显示
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p {display:inline}
</style>
</head>
<body>
<p>这两个段落生成内联盒子,和它的结果</p>
<p>这两个元素之间没有距离。</p>
</body>
</html>
运行结果：
相关推荐：CSS教程
以上就是css中用什么属性来定义盒的类型的详细内容！
相关内容
-
在css中设置边框可以用哪些属性
在css中设置边框可以用border属性、border-style属性、border-width属性、border-color属性等。边框属性允许我们指定一个元素边框的样式和颜...
-
css中设置英文单词之间间距的属性是什么
css中设置英文单词之间间距的属性是word-spacing。word-spacing属性可以增加或减少字与字之间的空白，如【p{word-spacing:30px;}】。本文...
-
css中的图片翻转属性是什么
css中的图片翻转属性是transform。transform属性应用于元素的2D或3D转换，我们可以利用该属性对元素进行旋转、移动、倾斜等操作，如【transform:rot...
-
css中什么属性可为元素设置外边距
css中margin属性可以为元素设置外边距。margin属性可以定义元素周围的空间，它会清除周围的外边框元素区域。margin属性可以单独改变元素的上下左右边距，也可以一次改...
-
css哪些属性可以继承
可以继承的有：1、字体系列，font-family、font-weight；2、文本系列，text-indent、color；3、元素可见性，visibility；4、列表布局...
-
css的属性有哪些
css属性有：1、字体属性，font；2、背景属性，background；3、区块属性，block；4、方框属性，box；5、边框属性，border；6、列表属性，list-s...
-
flex是css属性吗
flex是css属性。cssflex属性是flex-grow、flex-shrink和flex-basis属性的简写属性，用于设置或检索弹性盒模型对象的子元素如何分配空间；如果...
-
css怎么控制按钮不可用
方法：给按钮元素添加“pointer-events:none;”样式来让按钮元素永远不会成为鼠标事件的target，让其点击事件失效，即可控制按钮不可用。本教程操作环境：win...
-
css如何设置一行字显示不完隐藏
css中可利用overflow属性来设置一行字显示不完就隐藏；只需给文字的盒子元素添加“overflow:hidden;”样式，设置当内容溢出元素框时，将文字内容修剪，且溢出部...
-
CSS外链式与内联式的区别是什么
区别：CSS外链式是将css代码单独写一个以“.css”为扩展名的文件中，然后使用link标签链接到html中。CSS内联式是直接使用style属性将css代码写在HTML标签...
