91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

如何讓div垂直居中(23種方法總結)

小云
282
2023-09-28 05:07:20
欄目: 編程語言

  1. 使用flexbox布局,在父元素上設置display: flex;和align-items: center;屬性。

  2. 使用position和transform屬性,將子元素的top和left設置為50%,然后使用transform: translate(-50%, -50%);將子元素居中。

  3. 使用position和margin屬性,將子元素的top和left設置為50%,然后使用margin-top和margin-left將子元素居中。

  4. 使用display: table;和display: table-cell;屬性,將父元素設置為table,子元素設置為table-cell,并使用vertical-align: middle;將子元素垂直居中。

  5. 使用display: grid;和place-items: center;屬性,將父元素設置為grid,并使用place-items: center;將子元素居中。

  6. 使用position屬性,將父元素設置為relative,子元素設置為absolute,并使用top: 50%;left: 50%;transform: translate(-50%, -50%);將子元素居中。

  7. 使用display: flex;和justify-content: center;屬性,將父元素設置為flex,并使用justify-content: center;將子元素水平居中。

  8. 使用display: flex;和align-self: center;屬性,將父元素設置為flex,并在子元素上使用align-self: center;將子元素垂直居中。

  9. 使用display: inline-block;和vertical-align: middle;屬性,將父元素設置為inline-block,并使用vertical-align: middle;將子元素垂直居中。

  10. 使用display: flex;和margin: auto;屬性,將父元素設置為flex,并使用margin: auto;將子元素居中。

  11. 使用display: table;和display: table-cell;屬性,將父元素設置為table,子元素設置為table-cell,并使用text-align: center;將子元素水平居中,使用vertical-align: middle;將子元素垂直居中。

  12. 使用position屬性,將父元素設置為relative,子元素設置為absolute,并使用top: 0;bottom: 0;left: 0;right: 0;margin: auto;將子元素居中。

  13. 使用display: flex;和align-content: center;屬性,將父元素設置為flex,并使用align-content: center;將子元素垂直居中。

  14. 使用display: flex;和align-items: center;屬性,將父元素設置為flex,并使用align-items: center;將子元素垂直居中。

  15. 使用display: flex;和justify-items: center;屬性,將父元素設置為flex,并使用justify-items: center;將子元素水平居中。

  16. 使用display: flex;和place-content: center;屬性,將父元素設置為flex,并使用place-content: center;將子元素居中。

  17. 使用display: flex;和place-items: center;屬性,將父元素設置為flex,并使用place-items: center;將子元素居中。

  18. 使用display: flex;和align-self: center;屬性,將父元素設置為flex,并在子元素上使用align-self: center;將子元素垂直居中。

  19. 使用display: flex;和justify-self: center;屬性,將父元素設置為flex,并在子元素上使用justify-self: center;將子元素水平居中。

  20. 使用display: flex;和align-content: center;屬性,將父元素設置為flex,并使用align-content: center;將子元素垂直居中。

  21. 使用display: flex;和place-content: center;屬性,將父元素設置為flex,并使用place-content: center;將子元素居中。

  22. 使用display: flex;和place-self: center;屬性,將父元素設置為flex,并在子元素上使用place-self: center;將子元素居中。

  23. 使用display: flex;和align-items: center;屬性,將父元素設置為flex,并使用align-items: center;將子元素垂直居中。

0
临朐县| 金秀| 班玛县| 林州市| 象州县| 丹棱县| 西畴县| 钟山县| 海阳市| 渭源县| 惠州市| 长春市| 凯里市| 哈尔滨市| 沙雅县| 安化县| 闸北区| 沾益县| 棋牌| 奉贤区| 于都县| 盈江县| 鄂伦春自治旗| 和田市| 托克托县| 昌乐县| 镇雄县| 昭通市| 罗田县| 莲花县| 武平县| 和龙市| 游戏| 化州市| 泽州县| 河西区| 石屏县| 石门县| 沽源县| 黑水县| 宿迁市|