说明:
1、块状元素
在html中<p>、 <p>、<h1>、<form>、<ul> 和 <li>就是块状元素。内联元素可以通过设置display:block;
显示为块状元素。
语法:
1 |
|
块级元素的特点:
1、每个块状元素都从新的一行开始,并且其后的元素也另起一行(独占一行);
2、元素的高度、宽度、行高以及顶和底边距都可设置;
3、元素宽度在不设置的情况下,占它本身父容器的100%(和父元素宽度一致);
2、内联块状元素
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block
就是将元素设置为内联块状元素。
语法:
1 |
|
内联块状元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
(学习视频分享:css视频教程)
以上就是css怎么设置span的宽度的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者