当前位置:博客首页>>片言碎语 >> 阅读正文

css实现单行的靠左靠右和居中效果

作者: 郑晓 分类: 片言碎语 发布于: 2012-08-29 19:25 浏览:19,972 没有评论


这是昨天遇到的一个小问题,一个前台功能需要在一行上实现一个居中一个靠右对齐的效果,由于本人CSS太菜,搞了很长时间,一直困在了浏览器兼容问题上,TMD除了360浏览器在靠右浮动会显示换行外,其它都是正常的,太坑爹了。

自己搞不定,就直接百度了,找了一圈发现在一百度贴吧里找到了解决方法,不管你是IE123456789还是360安全、720不安全浏览器的通杀。
代码如下:

这是左边
这个居中,自适应长度居中
这是右边


美观起见稍微加了一点样式,显示效果如下:(chrome)
CSS单行靠左靠右和居中
360神马的,最讨厌了!

       

本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可,转载时请注明出处及相应链接。

本文永久链接: https://www.zh30.com/css-to-achieve-single-line-left-right-and-center-effect.html

发表评论

change vcode