在網頁設計與開發中,圖片和文字的排版是非常重要的。而在一些場合下,我們需要將圖片靠左,文字靠右。這時,我們可以通過 CSS 來實現這個效果。
img { float: left; margin-right: 10px; } p { text-align: right; }
CSS 代碼中,我們首先對 img 標簽應用了浮動(float)屬性,并設置了右外邊距(margin-right)為 10 像素。這樣可以使圖片向左浮動,并與文字對齊,同時增加適量的空隙。
接著,我們對 p 標簽應用了文本對齊(text-align)屬性,設置為右對齊(right)。這個屬性可以讓文字在容器的右側進行排版。
最終,我們可以獲得一個圖片靠左,文字靠右的效果。這個方法可以應用到很多需要排版的場合。希望以上的介紹能夠對您有所幫助。