CSS文字加邊框怎么左對齊圖片

在CSS中，我們可以使用border屬性為文字添加邊框，并使用position屬性將圖片定位在文字的左側(cè)，以下是一個示例代碼：

<div style="position: relative; width: 200px; height: 200px; border: 1px solid #000;">
  <img style="position: absolute; left: 0; top: 0; width: 50px; height: 50px;" src="image.jpg" />
  <div style="position: absolute; left: 55px; top: 0; width: 145px; height: 200px; border: 1px solid #000;">
    這是一段帶有邊框的文字
  </div>
</div>

在這個示例中，我們創(chuàng)建了一個帶有邊框的文字區(qū)域，并使用position: absolute將圖片定位在文字的左側(cè)，我們使用left屬性將文字定位在圖片的右側(cè)，以確保文字與圖片左對齊，我們還設(shè)置了top屬性，以確保圖片和文字都位于容器的頂部。

這個示例中的圖片和文字區(qū)域都是***定位的，這意味著它們的位置是相對于其***近的定位祖先元素（在這個示例中是div元素）而言的，如果您希望圖片和文字區(qū)域相對于整個頁面進行定位，您可以將position: relative應(yīng)用于div元素，并將position: absolute應(yīng)用于圖片和文字區(qū)域。