解决text-align:center;在FireFox及Google浏览器下无效的问题！

最新推荐文章于 2022-07-08 17:35:07 发布

weixin_33858249

最新推荐文章于 2022-07-08 17:35:07 发布

阅读量269

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/balanceryzh/archive/2011/09/26/2190743.html

版权

解决text-align:center;在FireFox及Google浏览器下无效的问题！

在设置了<body>的css属性：text-align:center; 后在IE当中能正常显示居中，但是在FireFox下却显示不正常。

解决办法：在<body>当中加入　margin:auto; 即可。此法同样适用于Google浏览器！

不过并非完全有效

有时是

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

的问题

转载于:https://www.cnblogs.com/balanceryzh/archive/2011/09/26/2190743.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33858249

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS_黑马基础高级技巧

qq_42636335的博客

11-06

465

#CSS用户界面样式界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。鼠标样式cursor 选择器{cursor: pointer;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。轮廓outline 是绘制于元素周围的一条线，位于边框边缘的外围（和边框不冲突），可起到突出元素的作用选择器{online：none；}或者outline: 0; 一般情况下都是去掉的防止拖拽文本域resize 实际开发中，我们文本域（text...

前端学习笔记 - 移动端Web开发

fengxm0309的博客

10-18

1090

移动端基础 浏览器现状 PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌 浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样兼容移动端主流浏览器，处理Webkit内核浏览器即可

参与评论您还未登录，请先登录后发表或查看评论

火狐中 text-align: 失效解决办法

lxlnet的专栏

06-02

1585

IE6： text-align:center ; FF ： text-align: -moz-center !important;

text-align:center 在FireFox及Google浏览器下无效的问题

weixin_30776545的博客

07-31

238

<div style="text-align:center;"> <div style="width:60%;"> </div> </div> 　　在谷歌浏览器中包含的div不居中并且靠左.也就是text-align:center; 无效　　 <div st...

不对齐谷歌浏览器_CHROME谷歌浏览器中文两端对齐

weixin_31533759的博客

01-17

543

在html中使用text-align:justify;text-justify:inter-ideograph，就能使文字两端对齐，但chrome不支持这种方法，该如何写html或CSS代码，使得在chrome中文字两端对齐呢？看下面的代码:使用CSS实现文本两端对齐.test1 {text-align:justify;text-justify:distribute-all-lines;/*ie6...

IE支持text-align:center,而在FireFox无效问题

站住借个吻的专栏

04-28

2836

解决方法：同时写入如下代码即可 text-align: -moz-center !important; /* Firefox*/ text-align: center; /*IE*/

求助：学成在线的css样式在谷歌显示正常，为什么用火狐打开就会错位？

Okkover的博客

03-20

710

css样式在不同浏览器的显示问题

html弹性盒子布局,实例讲解CSS3中的box-flex弹性盒属性布局

weixin_36048031的博客

06-30

756

box-flex是css3新添加的盒子模型属性，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分。但是它有一定的局限性，在firefox、chrome这浏览器下需要使用它们的私有属性来定义：firefox(-moz)、chrome(-webkit)。一、box-flex属性box-flex主要让子容器针对父容器的宽度按一定规则进行划分。CSS Code复制内容到剪贴板111...

常见浏览器兼容性问题与解决方案

张媛的博客

11-19

254

常见浏览器兼容性问题与解决方案　　所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。　　在学习浏览器兼容性之前，我想把前端开发人员划分为两类：　　第一类是精确按照...

元素固定宽高比这么写太香了 - Chrome 支持 aspect-ratio 了

PC_372的博客

03-06

924

前言去年差不多这个时候，发了一篇关于CSS 固定宽高比实现的文章，总结了如何从面试者的角度回答固定宽高比实现的问题。如果你对于历史的 hack 方式不太熟悉，建议先浏览一下原文章。原文章的最后提到了aspect-ratio这种方式。不过当时还没有浏览器实现，现在标准以及实现都有了一些新的进展，这里再次跟大家同步下。本文会介绍现在的浏览器实现与标准的进展情况、并讲解下具体用法。此处，感谢掘友“小蟋蟀 00”的评论提醒，让我有动力再更新下 ????。 浏览器实现及标准现状 2021 年 1

火狐、ie中英文两端对齐

08-17

绝对解决火狐、ie中英文两端对齐的问题。

火狐text-align:justify设置两端对齐失效

ClassicSong的博客

08-26

1343

都这个时代了，火狐居然不支持text-align:jusitify；可能吗？？？

火狐浏览器文本两端对齐无效text-align: justify

xt_XiTu的博客

07-08

554

火狐浏览器文本两端对齐无效text-align: justify 找了很多地方，尝试很多办法都不好使，直到看到这篇只需要设置了text-align: justify时加设一个white-space: pre-line就可以了

text-algin:center使文字居中在某些浏览器无效的情况

H 君的博客

05-25

635

最近在写东西时遇到了需要把一个selectvia标签里的文字居中表示的情况，于是就加了text-align:center的样式，但是这样在火狐浏览器里是正常居中的，但是在谷歌浏览器中去无效。在搜索了半天后发现将select的样式里添加一条text-align-last: center;就可以解决这个问题。 select { text-align: center; text-align-las...

text-align center 无效不起作用

qq_38229938的博客

06-21

8629

因为用了很多的class，经过排查是其中一个class有一个属性float设置了值left引起的，最后通过覆盖float为none, 问题解决。

使用text-align:justify，让内容两端对齐，兼容IE及主流浏览器的方法

weixin_30824599的博客

08-24

645

如果不喜欢看分析过程，可以跳到最后看最终兼容方案史前方法：以前实现两端对齐是这样的： <p class="box1">密&emsp;&emsp;码</p> <p class="box1">用&emsp;户&emsp;名</p> <p class="box1">身&emsp;份&am...

text-align:justify无效解决办法

PromiseCao的博客

10-23

8396

text-align实现两端对齐文本效果，但是要特别注意text-align不会处理被打断的行和最后一行！如果你的文字只占了一行，同事它也是最后一行了，所以text-align设置为justify不会产生任何效果。解决方法是使用text-align-last，并将其设置为justify。不过不幸的是，text-align-last不是所有浏览器支持。所以对于不支持text-align-l...

text-align: center;