如何解決css中float:right右對齊元素會換行不在同一條線上

使用float設置右對齊顯示的時候，我們通常會遇到，右對齊的元素會換行，這樣就會出現左右元素不在同一條線上，下面為大家介紹下兩種解決方法，有類似情況的朋友可以參考下

CSS中通常我們需要將某元素居左、居右顯示，這個時候我們就可以根據float來設置，在設置右對齊顯示的時候，我們通常會遇到，右對齊的元素會換行，這樣就會出現左右元素不在同一條線上，我們可以通過以下方式來解決這個問題：

第一種解決辦法：把左右對換，比如把日期放在標題的前面，對調一下就好了。

第二種解決辦法：給左邊也加上float:left。

CSS float定義和用法

float 屬性定義元素在哪個方向浮動。以往這個屬性總應用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。

如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄.

Float常跟屬性值left、right、none
Float:none 不使用浮動
Float:left 靠左浮動
Float:right 靠右浮動

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com