我正在嘗試將包含在主容器中的圖像旁邊的一段文本居中。因爲某些原因。我有一個黑色的文字集中在頁面中間的容器外。如何在包裹在母親中的div中居中文本div
.wrapper {
display: inline-block;
width: 240px;
height: 200px
}
.textblock {
display: inline-block;
max-width: 300px;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
}
<div class="wrapper">
<div class="this">
<img src="image.jpg">
</div>
<div class="textblock">
<h2>title</h2>
<p> Some paragraph here</p>
<a href="#">link</a>
</div>
</div>
該包裝應該在鏈接 的中間爲中心而包裝物的內容也是在包裝物的中間居中。 圖片在左邊,文字在右邊。
出於某種原因,我將textblock居中置於頁面中間。不在容器中。
有沒有什麼好的方法讓我擺脫這個困境? 在此先感謝 米歇爾
非常感謝,非常感謝。 –