在CSS中，將圖片居中于div塊是一個(gè)常見的需求，下面是一些方法和技巧，幫助你實(shí)現(xiàn)這一目標(biāo)：

1. 使用flexbox布局

Flexbox是一個(gè)強(qiáng)大的CSS布局工具，可以用來輕松地對齊元素，要將圖片居中于div塊，你可以使用以下CSS代碼：

.div-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

2. 使用grid布局

CSS Grid也是一個(gè)非常靈活的布局系統(tǒng)，可以用來實(shí)現(xiàn)復(fù)雜的對齊需求，以下是一個(gè)簡單的例子，展示如何將圖片居中于div塊：

.div-block {
  display: grid;
  justify-content: center;
  align-items: center;
}

3. 使用position屬性

另一種方法是使用position屬性來定位圖片，這種方法需要更多的計(jì)算，但可以給你更多的靈活性，以下是一個(gè)例子：

.div-block {
  position: relative;
}
.div-block img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

4. 使用text-align屬性

如果你只是想讓圖片在文本中居中，可以使用text-align屬性：

.div-block {
  text-align: center;
}

Flexbox和Grid布局是***簡單和直接的方法，適用于大多數(shù)情況。

position屬性提供了更多的靈活性，但可能需要更多的計(jì)算和調(diào)整。

text-align屬性適用于文本居中的情況。

希望這些方法能幫助你在CSS中輕松地將圖片居中于div塊。