css html span块状不换行

news/2024/11/9 17:40:51 标签: HTML, CSS

span标记的样式设定width属性,会发现不会产生效果。

如果设置display:block,width属性生效,但是此时的span跟div一样了。
如果设置display:inline-block,则span并列在同行,而且width属性生效。

元素display属性的常见值说明:

block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
例如:

Java代码 复制代码
  1. <span style="display:inline-block">这是测试</span>  

http://www.niftyadmin.cn/n/872546.html

相关文章

[转]写好代码的10个秘密

作者&#xff1a;飞哥 &#xff08;百度&#xff09; 先给大家看一段据说是史上最强的程序&#xff1a;e100 33 f6 bf 0 20 b5 10 f3 a5 8c c8 5 0 2 50 68 13 1 cb e 1f be a1 1 bf 0 1 e11b 6 57 b8 11 1 bb 21 13 89 7 4b 4b 48 79 f9 ad 86 e0 8b c8 bd ff ff e8 20 e134 …

5.信息安全

信息安全属性 对称加密技术 对称加密&#xff1a;加密大文件 非对称加密技术 非对称加密&#xff1a;加密密钥 信息摘要&#xff1a; 数字签名 信息摘要和数字签名结合使用&#xff1a;数字迁移 数字信封与PGP 网络安全-各个网络层次的安全保障 网络安全-网络威胁与攻击 网络安…

6.数据结构和算法

数组 &#xff08;2*53&#xff09;*226 a26 稀疏矩阵 稀疏矩阵&#xff1a;一个矩阵中大量的元素为零 A 数据结构定义 线性表 线性表-顺序存储与链式存储对比 线性表-队列与栈 不考虑入栈就出栈&#xff1a; c-》b-》a 考虑入栈就出栈 a-》b-》c a-》c-》b b-》a-》c b…

7.程序设计语言和语言处理程序基础

基本内容 编译过程 文法定义 语法推导树 有限自动机 正规式 ※表示循环多次 DC C 表达式 D 函数调用-传值与传址 各种程序语言的特点

8.法律法规与标准化知识

基本内容 法律法规-保护期限 法律法规-只是产权人确定 侵权判定 标准化的分类

9.多媒体基本知识

多媒体技术基本概念-音频相关概念 多媒体技术基本概念-图像相关概念 多媒体技术基本概念-媒体的种类 多媒体技术基本概念-多媒体相关计算问题 24位3B 1600*1200*35760000/1024/10245.493 128/5.49323.3 D 1字节8bit 44.1*16*12*21411.2kb C 6.4*30*101920 D 采样/传输 k10…

10.系统开发基础

软件开发模型 软件开发模型-瀑布模型&#xff08;SDLC&#xff09; 确定&#xff1a;无法灵活应对需求变更的场景 软件开发模型-其他经典模型 软件开发模型-增量模型与螺旋模型 V模型 强调测试贯穿开发始终 软件开发模型-构件组装模型&#xff08;CBSD&#xff09; 软件开发模…

11.面向对象

面向对象设计-设计原则 需求开发-需求分析-OOA-UML 面向对象设计-设计模式的概念 面向对象设计-设计模式分类 面向对象设计-创建型模式 面向对象设计-创建型模式 面向对象设计-行为型模式