text-align: center;的兼容性
来源:互联网 发布:开淘宝需要什么软件 编辑:程序博客网 时间:2024/06/05 19:38
今天发现<div style="background-color: #546F49;text-align: center;"><span >我是要显示的文字</span ></div>这句话在一般浏览器中是没有任何问题的,就是在iPhone手机浏览器中显示异常,不居中也就算了,文字稍微多点还会自动换行(还不到所在div的一半就换行),查了好多兼容方式都没用,其中包括w3school上面的例子也看了,也没得到什么有用的信息。首先想到以前百度编辑器中的一个问题,就是自动换行问题,就把属性word-break:keep-all;加上不让它自动换行。发现起作用但是还是不居中。然后这样写就可以了:
<div style="background-color: #546F49;"><p class="tips" style="text-align: center;word-break:keep-all;">我是要显示的文字</p></div>。
注意:text-align: center只能用在块级元素上起作用哦,所以要把span改成p。
0 0
- text-align: center;的兼容性
- text-align的兼容性
- text-align:center 与 <center> 的区别
- select option text-align:center的问题
- 关于text-align:center的浏览器兼容问题
- text-align:center 与 <CENTER>
- Layer text-align:center
- Firefox中text-align=center的解决
- 好用的水平对齐text-align:center
- text-align的center属性值以及float总结
- margin:0 auto 和text-align:center的区别是什么???
- IE8中text-align:center偏左的解决办法
- IE8中text-align:center偏左的解决办法
- margin:0 auto 与 text-align:center 的区别
- margin:0 auto 与 text-align:center 的区别
- margin:0 auto 与 text-align:center 的区别
- 【转】margin:0 auto 与 text-align:center 的区别
- 居中 margin:0 auto与text-align:center的区别
- javascript:算法笔记
- 给 App 提速:Android 性能优化总结
- Directshow获取系统默认设备
- jsp <%! %> 与 <% %> 区别
- Android ViewDragHelper完全解析 自定义ViewGroup神器
- text-align: center;的兼容性
- LeetCode 112 Path Sum
- Java基础
- PHP绿色版 官网下载+安装(win7)
- 4.2 master_spawn.c:创建新进程
- 《随机算数运算题系统》
- C语言中的atan和atan2
- c++第三次实验。个人所得税计算器
- struts2使用域模型传递参数