今天客户突然说网站的文章内容显示很有问题!原来是页面显示两端不对齐的问题。
浏览器啊~~~
明明在MS Word里面是对齐的文章,放到网站上就显示很难看了(后台用的是FCK)。
下图是在Word里面的截图:
[img]http://dl.iteye.com/upload/attachment/142386/b436b037-cd97-3d62-9604-3f0c136f0fe2.jpg[/img]
放到网站上就变了:
[img]http://dl.iteye.com/upload/attachment/142388/8d3fb872-d147-34de-b5f8-855ee4b559c0.jpg[/img]
左边是对齐了,但是右边是歪歪的,不在一条线上。
后来查了一下,找到了解决方法:在样式里面加:
即:
[img]http://dl.iteye.com/upload/attachment/142391/74a4dd57-bce2-31bf-8786-99b99bddb1f2.jpg[/img]
最后效果:
[img]http://dl.iteye.com/upload/attachment/142393/33ef2a18-523c-3f58-9115-c6b595086b3d.jpg[/img]
收工。
浏览器啊~~~
明明在MS Word里面是对齐的文章,放到网站上就显示很难看了(后台用的是FCK)。
下图是在Word里面的截图:
[img]http://dl.iteye.com/upload/attachment/142386/b436b037-cd97-3d62-9604-3f0c136f0fe2.jpg[/img]
放到网站上就变了:
[img]http://dl.iteye.com/upload/attachment/142388/8d3fb872-d147-34de-b5f8-855ee4b559c0.jpg[/img]
左边是对齐了,但是右边是歪歪的,不在一条线上。
后来查了一下,找到了解决方法:在样式里面加:
text-justify:inter-ideograph; //中文排版需要
text-align:justify;//英文排版需要
即:
[img]http://dl.iteye.com/upload/attachment/142391/74a4dd57-bce2-31bf-8786-99b99bddb1f2.jpg[/img]
最后效果:
[img]http://dl.iteye.com/upload/attachment/142393/33ef2a18-523c-3f58-9115-c6b595086b3d.jpg[/img]
收工。