CSS是網頁設計中一個非常重要的工具，它可以控制網頁中的各個元素的樣式和布局。其中居中布局是設計中經常會用到的一種布局方式，但在某些情況下我們也需要取消元素的居中布局。

.center {
margin: 0 auto;
text-align: center;
}

上面的代碼展示了一個簡單的居中布局代碼，它設置了一個元素在水平方向上的外邊距為0，而在垂直方向上的外邊距為auto。在這種情況下，元素就會自動水平居中。

如果我們要取消這個元素的居中布局，可以通過以下代碼實現：

.cancel-center {
margin: 0;
text-align: left;
}

這個代碼中，我們將水平方向上的外邊距設置為0，這樣就取消了元素的水平居中布局。同時，我們將文本的對齊方式設置為左對齊，這樣元素中的文本內容就會向左對齊，而不是居中對齊。

總之，在需要取消元素居中布局的情況下，可以使用上述代碼實現。而在正常情況下，我們也可以通過這種方式來實現元素的居中布局。