首頁  >  文章  >  微信小程式  >  小程式標題可以居中嗎?

小程式標題可以居中嗎?

烟雨青岚
烟雨青岚原創
2020-06-13 11:19:286648瀏覽

小程式標題可以居中嗎?

小程式標題可以居中嗎?

小程式標題居中的方法

1、實作微信小程式居中,可以用flex版面工具。 flex佈局工具相信很多小夥伴都知道它有啥用處,不知道我告訴你,它最大作用就是快速實現你所需要的佈局(水平居中、垂直居中、左右對齊等)。

2、flex版面還挺簡單,在這裡我簡單說幾個場景運用,具體小伙伴們還是要去啃啃書或者看看視頻教學去羅。首先對佈局容器設定display:flex;例如最蛋疼的垂直居中。

小程式標題可以居中嗎?

3、將align-items改成justify-content

小程式標題可以居中嗎?

##4、兩個屬性快樂地結合在一起。


小程式標題可以居中嗎?

5、常用場景不只居中微信小程式佈局,還有很多。


小程式標題可以居中嗎?

6、我們要將main垂直居中,只要給它的父元素body設display:flex和align-items:center即可。 main裡有一個div和p,想將這兩個元素在main中垂直居中,同樣需要為它們的父元素main設定display:flex和align-items:center;另外justify-content和flex-direction用來調整這兩個子元素水平居中的排列順序。

7、常見的方法使用絕對定位來配合負值margin。想法是設為absolute後,指定top和left為50%,將元素的左上角定位點放到頁面的正中心,然後使用負值margin一半的元素寬高度將元素拉回頁面正中心。

更多相關知識,請造訪

PHP中文網! !

以上是小程式標題可以居中嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn