CSS样式中 justify 不起作用的问题
来源:互联网 发布:英语入门软件 编辑:程序博客网 时间:2024/05/16 10:47
例如: label 标签样式进行如下设置, 但却不起作用
text-align:justify; display:inline-block;
这个是因为text-align不会处理被打断的行和最后一行。如果label的文字只占了一行,也就是最后一行,所以text-align设置为justify不会产生任何效果。
解决方法是使用text-align-last,并将其设置为justify。不过不幸的是,text-align-last不是所有浏览器支持。所以对于不支持text-align-last的,可以在最后一行人工生成两行文本,然后把第二行隐藏了,那么我们要现实的第一行自然就可以实现两端对齐了。
最后,附上text-align-block的各个浏览器支持情况:各个浏览器的支持情况
0 0
- CSS样式中 justify 不起作用的问题
- MyEclipse中修改CSS样式不起作用的解决方法
- 样式不起作用 css无效
- css样式中关于定位的问题
- QTextEdit和QPlainTextEdit样式表中属性选择器不起作用的问题
- ASP.NET 中 CSS 不起作用的原因
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中height:100%不起作用的解决方法
- css中heght:100%不起作用的原由
- css中text-align:justify文字两端对齐ie兼容属性text-justify
- css中一些样式问题
- 工作中遇到的几个CSS样式表的问题
- css 两端对齐justify
- 无法启动此程序因为计算机中丢失msvcr110.dll
- 在C语言中,double、long、unsigned、int、char类型数据所占字节数
- java过滤器学习总结
- 练习
- 怎样估算软件项目周期-代码行估算法
- CSS样式中 justify 不起作用的问题
- jpa学习-table-per-class
- stm32 固件库之:中断
- wait_event_interruptible() 和 wake_up()的使用
- 2.1.1导论
- 代码整洁之道读书笔记(三)
- Java Polymorphism
- 数据库连接总结
- 机器学习项目开发经验