text-align: center;的兼容性
2016-04-07 11:03
281 查看
今天发现<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。
<div style="background-color: #546F49;"><p class="tips" style="text-align: center;word-break:keep-all;">我是要显示的文字</p></div>。
注意:text-align: center只能用在块级元素上起作用哦,所以要把span改成p。
相关文章推荐
- socket的一个问题
- Gulp介绍与Hexo优化
- [转].NET Framework 4.5 五个很棒的特性
- php 单线程 (http://bbs.csdn.net/topics/390778072)
- 关于android动态切换app主题颜色方案
- 轮播图片切换(函数传参)
- 轮播图片切换(函数传参)
- webservice常用注解总结
- Mac下xampp无法启动mysql?
- 树、森林、二叉树的转换
- Android官方开发文档Training系列课程中文版:分享文件之配置文件共享
- 解决在onCreate()中AnimationDrawable只播放第一张图片的问题
- jQuery插件开发精品教程,让你的jQuery提升一个台阶
- MP4的几个概念
- Android Studio->VersionControl GitHub无法登录
- BZOJ 1176 Mokia(CDQ分治+容斥)
- 学习金字塔 & 沉浸式学习
- Myeclipse 2014 SVN组件加载失败处理
- MFC用PostMessage在窗体间传递消息
- PDM与数据库