居中是網頁設計中常用的布局方式，然而在CSS中如何居中不定寬元素呢？
常見的有以下三種方法：
一、使用Flex布局
我們可以給父元素設置display:flex，并設置justify-content和align-items兩個屬性為center，這樣子元素就可以居中了。
代碼如下：

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

二、使用絕對定位和margin
首先，將子元素設置為絕對定位，然后利用margin屬性將其向左右移動50%，再利用transform屬性把自身右移寬度一半，就可以實現居中了。
代碼如下：

.parent{
position:relative;
}
.child{
position:absolute;
left:50%;
transform:translateX(-50%);
}

三、使用text-align屬性
如果要居中的元素是（inline）文本節點或者圖片等行內元素，可以直接使用text-align:center將其居中。
代碼如下：

.parent{
text-align:center;
}

以上就是三種居中不定寬元素的常用方法，選擇適合自己的方法，讓自己的網頁布局更加美觀和合理。