這篇文章主要介紹了css下div下同行多元素右對(duì)齊,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
方法一：
float:right
此外，浮動(dòng)還會(huì)使得布局更緊湊（沒(méi)空隙）
效果圖如下：
方法二：
display:inline-block+text-align:right
text-align:right影響的是其下的行內(nèi)元素或文字，所以inline-block使得div具有了行內(nèi)元素的特性，可以右對(duì)齊
效果圖如下：
從上面兩個(gè)方法來(lái)看：
float的布局更為緊湊一些；
float：right會(huì)改變順序，而text-align：right不會(huì)；
text-align同時(shí)會(huì)影響其下元素的文字對(duì)齊方式；
所以，綜合兩個(gè)方法，可以得到如下組合：
效果如下：
進(jìn)一步發(fā)現(xiàn)，綜合之后：
布局更為緊湊；
float和inline-block同行時(shí)，并不會(huì)產(chǎn)生覆蓋浮動(dòng)的現(xiàn)象，只是會(huì)各自規(guī)矩地排列著。
文章來(lái)源：腳本之家，原文鏈接：https://www.jb51.net/css/743775.html
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
