CSS中右對齊float:right換行的解決辦法
發(fā)布時(shí)間:2010-11-02 00:12:51 作者:佚名
我要評論

一做站的朋友問我為什么同時(shí)使用FLOAT:LEFT 和RIGHT的時(shí)候不在同一水平線上,二是在另一行,舉個(gè)例子,大家一看就明白了

是不是很多朋友在應(yīng)用FLOAT左右的時(shí)候也出現(xiàn)這個(gè)問題,下面給出幾種常用的解決方法,希望對出現(xiàn)這樣問題的朋友有所幫助哈。
第一種解決辦法:把左右對換,比如吧日期放在標(biāo)題的前面,我朋友就是那個(gè)問題,對調(diào)以下就好了。
第二種解決辦法:給右邊也加上FLOAT:RIGHT
浮動(dòng)不正常的(不在同一行,換行了,僅僅因?yàn)槎嗔艘粋€(gè) ,從而導(dǎo)致整個(gè)排版混亂):
浮動(dòng)正常的1:(第一種解決辦法:去掉 )
浮動(dòng)正常的2:(第二種解決辦法:從 起再套一層span,并設(shè)定float:right;)

相關(guān)文章
- 為了使表單元素和文字都垂直居中對齊,當(dāng)文本框和下拉框都沒問題,但是單選框和復(fù)選框就了,經(jīng)過反復(fù)測試終于完整搞定與大家分享,感興趣的各位可不要錯(cuò)過了哈2013-03-21
checkbox與文字混排無法對齊導(dǎo)致不美觀的解決方法
checkbox與文字不對齊會影響美觀本文將將介紹解決方法:需要checkbox居中對其 然后文字也要居中對齊,checkbox在FF和IE下表現(xiàn)不一樣;不管你怎么設(shè)置默認(rèn)的margin和padding2013-01-21- 修改圖片大小對齊間隔邊框?qū)傩?這些操作在開發(fā)過程中很常見,也很實(shí)用,本文對此進(jìn)行詳細(xì)介紹下,感興趣的朋友可以了解下啊2013-01-20
css 垂直對齊 css中vertical-align屬性(垂直對齊)的使用說明
這兩天寫個(gè)頁面css的時(shí)候用到了vertical-align屬性,使用過程中踩到了坑,因此整理了一些,以備不時(shí)之需,感興趣的朋友可以了解下哦2013-01-09div中加入span右對齊后出現(xiàn)換行顯示兩種解決思路
div中加入span右對齊后,出現(xiàn)了換行問題,一般思路的話一定是認(rèn)為通過分開兩列,一個(gè)align=left,另一個(gè)align=right;很是疑惑,于是利用閑暇時(shí)間,搜索整理下,曬出來 2012-12-19 css span右對齊 css li標(biāo)簽中span日期靠右布局實(shí)現(xiàn)代碼
在網(wǎng)頁布局中經(jīng)常會碰到新聞標(biāo)題靠左日期靠右,想要實(shí)現(xiàn)這種布局效果,需要在代碼上下點(diǎn)功夫,本人比較上心,也遇到此問題,于是搜集整理一下,需要的朋友可以參考下2012-12-18怎樣對齊文本框和圖像(image)按鈕實(shí)現(xiàn)三點(diǎn)一線
一個(gè)文本框旁邊一個(gè)按鈕是很經(jīng)常用到的網(wǎng)頁內(nèi)容,比如搜索框等等,而如果旁邊的按鈕使用圖像的話,他們豎直方向就很不容易對齊,這一直是大家所頭疼的問題,于是搜集整理一2012-12-11表單元素radio select對齊與IE6下雙邊距問題解決方案
之前一直困擾自己的一個(gè)問題就是表單內(nèi)radio、select等的對齊問題,搞得自己相當(dāng)惱.今天終于花了些時(shí)間找到了好的解決方法.也希望能夠幫到跟我同樣聞form色變的人2012-12-07網(wǎng)頁中form表單的元素會出現(xiàn)一些問題:比如文本域和按鈕對齊問題,這個(gè)問題會影響到界面的美觀度,本文將介紹如何解決此類問題,需要了解的朋友可以參考下2012-11-30表單元素input、文字完美垂直居中對齊方法.2012-07-11最新評論
大家感興趣的內(nèi)容
- 1HTML設(shè)置超鏈接字體顏色和點(diǎn)擊后的字體顏色
- 2div水平垂直居中的完美解決方案
- 3css設(shè)置各種中文字體如雅黑、黑體、宋體、楷體等等
- 4CSS 文本字體顏色設(shè)置方法(CSS color)
- 5CSS自定義select下拉選擇框的樣式(不用其他標(biāo)簽?zāi)M)
- 6CSS 漂亮搜索框美化代碼
- 7css 中的background:transparent到底是什么意思有什么
- 8CSS圓角效果 -webkit-border-radius(CSS3中border-rad
- 9CSS 首行縮進(jìn)兩個(gè)文字
- 10css textarea 高度自適應(yīng),無滾動(dòng)條