解决span自动换行以及样式margin的问题
来源:互联网 发布:华泰证券总部待遇 知乎 编辑:程序博客网 时间:2024/06/04 19:09
因为span默认是行属性,而div默认是块属性,所以span是无法实现margin-top,margin-bottom,设置也会失效。
当然span也不根据长度自动换行。
解决办法:
1、把display设置为:inline-block
元素display属性的常见值说明:
block:块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行。(只会实现换行,一个span一行)
inline:内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行。
inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。
non:隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间。
2、添加float: left;
可以实现自动换行,以及自适应高度
0 0
- 解决span自动换行以及样式margin的问题
- 解决bootstrap row span设置border换行的问题
- span div等的自动换行
- 解决textarea不会自动换行的问题
- 解决eclipse的自动换行问题
- span 换行/不换行-解决
- span 换行/不换行-解决
- span 换行/不换行-解决
- span的float问题(li中的span如何不换行)
- 换行符引发的margin问题
- 让p 和 span标签自动换行的css语句
- 关于ultraedit 自动换行,以及自动换行后会把英文单词断开的问题。
- 解决Android的TextView不能自动换行的问题
- 关于span不能设置宽度及span自动换行的解决方法
- 关于span不能设置宽度及span自动换行的解决方法
- 解决textarea在表格里面的自动换行问题
- 解决容器内文字不自动换行的问题
- JustifyTextView 解决TextView中英文混排自动换行的问题
- 管理ASM磁盘中的文件
- v$open_cursor与session_cached_cu…
- 存储系统掉电,只读文件系统问题&n…
- Solaris查找大文件及按文件大小排…
- 查找打补丁后修复的BUG命令
- 解决span自动换行以及样式margin的问题
- 为什么虚拟机系统无法正常启动窗口
- rman catalog 注销目标…
- 10进制和16进制的简单互换
- 单点登录(01) ------单点登录SSO的介绍和CAS+选型
- Active DATAGUARD 备库…
- SQLSERVER 2008 R2还原…
- 基于Activiti的流程应用开发平台JSAAS-WF V5.3
- 557. Reverse Words in a String III