我對CSS有點新,我有一個問題,我似乎無法解決。我想在我的頁面上有一系列div(堆疊在另一個的頂部),並且每個div都應包含一些文本和一個或多個圖像。左對齊文本和右對齊圖像在CSS
特別是,我希望文本左對齊,並在中間垂直對齊,圖像應該右對齊,並且div的高度應基於圖像的高度(可以可變)。
基本上每一個的div應該像這樣:
到目前爲止,我已經能夠得到上面列出的一項或多項要求,但從來沒有所有的人在同一時間。這實際上是純粹的CSS可能,或者我應該不浪費我的時間,並使用表?
我對CSS有點新,我有一個問題,我似乎無法解決。我想在我的頁面上有一系列div(堆疊在另一個的頂部),並且每個div都應包含一些文本和一個或多個圖像。左對齊文本和右對齊圖像在CSS
特別是,我希望文本左對齊,並在中間垂直對齊,圖像應該右對齊,並且div的高度應基於圖像的高度(可以可變)。
基本上每一個的div應該像這樣:
到目前爲止,我已經能夠得到上面列出的一項或多項要求,但從來沒有所有的人在同一時間。這實際上是純粹的CSS可能,或者我應該不浪費我的時間,並使用表?
嗨,我有一個爲你解決赤此鏈接http://jsfiddle.net/8mQc4/15/。
它是基於使用的一些屬性,如:
float and vertical-align.
此代碼允許靈活的高度和IMG的寬度,也是他集裝箱中心垂直去text.Just更多的大文本或圖像嘗試。
很高興知道爲什麼這會降低投票率。這是唯一真正有效的工具。 –
我真的不知道爲什麼有人低估了這可能是因爲有些人不讚賞使用float:P – DaniP
誰知道。也許是因爲裏面提到了表格,儘管
請發佈您的HTML和文本。用4K +代表你現在應該知道我們需要什麼。 – j08691
我沒有任何HTML本身。這實際上是一塊文字和兩幅圖像。我嘗試過一連串的組合都無濟於事,所以我不知道如何發佈其中一個組合會有所幫助。 –
是否這樣? http://jsfiddle.net/Y6ak3/ –