CSS的居中設置方法 CSS布局是網頁設計中的重要組成部分，其中居中設置是常用的技巧。下面將介紹各種居中方法。 1. 水平居中 1.1 塊級元素（盒子模型）水平居中 使用margin-left和margin-right設置為auto可以將塊級元素水平居中。 `````` 1.2 行內塊級元素（內聯元素）水平居中 使用text-align設置為center可以將行內塊級元素水平居中。 `````` 2. 垂直居中 2.1 塊級元素垂直居中 使用flex布局可以將塊級元素垂直居中。 `````` 2.2 行內塊級元素垂直居中 使用display:table-cell和vertical-align:middle可以將行內塊級元素垂直居中。 `````` 3. 水平垂直居中 使用上述的方法可以將元素水平居中和垂直居中，將它們組合起來即可實現水平垂直居中，下面是一些示例。 3.1 flex布局水平垂直居中 `````` 3.2 表格布局水平垂直居中 `````` 總結 以上是CSS的居中設置方法，每種方法都適用于不同的場景，使用時需要結合具體的情況。