css中如何定义盒的类型-创新互联

这篇文章主要介绍了css中如何定义盒的类型，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联为客户提供专业的成都网站设计、成都做网站、程序、域名、空间一条龙服务，提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。

css中使用display属性来定义盒的类型。display属性规定元素应该生成的框的类型，如【display:inline】，表示元素会被显示为内联元素，元素前后没有换行符。

在css中，我们可以使用display属性来定义盒的类型。

属性介绍：

display 属性规定元素应该生成的框的类型。

属性值：

none 此元素不会被显示
block 此元素将显示为块级元素，此元素前后会带有换行符
inline 默认。此元素会被显示为内联元素，元素前后没有换行符
inline-block 行内块元素。
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中如何定义盒的类型-创新互联
URL链接：https://www.cdcxhl.com/article20/ijjco.html

成都网站建设公司_创新互联，为您提供网站收录、搜索引擎优化、网站营销、企业建站、虚拟主机、电子商务

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容