我有這樣的例子:如何將文字居中對齊此圖片?
代碼HTML:
<div class="col-md-4 tab-bottom">
<div class="tab-bottom-img"><img width="380" height="380" src="http://dg-design.ch/bagel/wp-content/uploads/2016/02/1-380x380.png" class="attachment-news wp-post-image" alt="1"> </div>
<div class="tab-bottom-content">
SED PERSPICIATIS <p>Sed ut perspiciatis unde omnis iste natus error sit<br>
voluptatem accusantium doloremque laudantium,<br>
totam rem aperiam, eaque ipsa quae ab illo inventore<br>
veritatis et quasi architecto beatae vitae dicta sunt<br>
explicabo.</p>
</div>
</div>
CODE CSS:
.tab-bottom-content {
position: absolute;
text-align:center;
top: 0px;
}
圖像的寬度和高度會有所不同......他應該總是在中間
我試圖對齊文本中心,但沒有工作...
文本必須水平和垂直對齊。
你能幫我解決這個問題嗎?
在此先感謝!
肯定的,但所需的文本左對齊......但在圖像的中心 – Marius
@Marius剛剛更新了我的答案。 –
並垂直居中?怎麼做? – Marius