當前位置:博客首頁>>片言碎語 >> 閱讀正文

css實現(xiàn)單行的靠左靠右和居中效果

作者: 鄭曉 分類: 片言碎語 發(fā)布于: 2012-08-29 19:25 瀏覽:20,347 沒有評論


這是昨天遇到的一個小問題,一個前臺功能需要在一行上實現(xiàn)一個居中一個靠右對齊的效果,由于本人CSS太菜,搞了很長時間,一直困在了瀏覽器兼容問題上,TMD除了360瀏覽器在靠右浮動會顯示換行外,其它都是正常的,太坑爹了。

自己搞不定,就直接百度了,找了一圈發(fā)現(xiàn)在一百度貼吧里找到了解決方法,不管你是IE123456789還是360安全、720不安全瀏覽器的通殺。
代碼如下:

這是左邊
這個居中,自適應(yīng)長度居中
這是右邊


美觀起見稍微加了一點樣式,顯示效果如下:(chrome)
CSS單行靠左靠右和居中
360神馬的,最討厭了!

? ? ? ?

本文采用知識共享署名-非商業(yè)性使用 3.0 中國大陸許可協(xié)議進行許可,轉(zhuǎn)載時請注明出處及相應(yīng)鏈接。

本文永久鏈接: http://www.yjfs.org.cn/css-to-achieve-single-line-left-right-and-center-effect.html

發(fā)表評論

change vcode