在網頁中，我們常常需要將一些元素居中展示，或者換行顯示并居左對齊。這些效果可以通過 CSS 來實現。

/* 居中展示 */
.element {
display: flex;
justify-content: center;
align-items: center;
}
/* 換行居左 */
.text {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}

以上代碼中，.element表示需要居中展示的元素，通過設置其display為flex，并分別設置justify-content和align-items為center，即可實現元素的水平和垂直居中。

而對于需要換行并居左對齊的文本，只需使用.text類，并將display設置為flex，flex-wrap設置為wrap，align-items設置為flex-start即可。

細節上還需注意，如果需要實現以上效果的元素是一個block類型的元素，還需將其寬度設置為固定值，或者使用margin屬性來控制其水平居中。

總之，通過 CSS 居中和換行居左是常見的網頁排版效果，熟練應用這些技能，可以大大提高我們網頁設計的效率。