日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

css 中讓圖片在 div 中居中的方法有：文本對齊：適用于圖片與文本垂直居中。flexbox：適用于圖片水平和垂直居中。轉換：適用于固定大小的圖像。自動邊距：適用于圖像寬度已知的情況。

如何在 CSS 中讓圖片在 div 中居中

方法一：text-align

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;div {
  text-align: center;
}

img {
  display: inline-block;
}</code>

登錄后復制

此方法適用于希望圖片與文本一起垂直居中的情況。

方法二：flexbox

<code class="css">div {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  max-width: 100%;
}</code>

登錄后復制

flexbox 允許靈活布局，此方法適用于需要圖片水平和垂直居中的情況。

方法三：transform

<code class="css">div {
  position: relative;
}

img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}</code>

登錄后復制

此方法使用絕對定位和 transform，適用于固定大小的圖像。

方法四：margin auto

<code class="css">div {
  text-align: center;
}

img {
  margin: auto;
}</code>

登錄后復制

margin: auto 使圖像自動居中，但只能在圖像寬度已知時使用。