1. 程式人生 > >微信小程式——文字沉底居中(0基礎開發者,好痛苦)

微信小程式——文字沉底居中(0基礎開發者,好痛苦)

    這幾天想把一段文字置於頁面底部,試了好多方法都不可以,今天終於成功了上傳一下成功經歷。

    最開始的方法,只是沉底,但是無法居中。

.section_text{
  position: fixed;
  bottom: 30rpx;
  left: 0;
  right: 0;
}

   期間還將position各種型別都試了一遍,全部over。

   後來看到另一種思路,使用text-align(雖然我還不懂這是幹什麼用的-_-||)。最終還是over.

.section_text {
  position: fixed;
  text-align: center;
  bottom: 30rpx;
}

  最後,無意間結合了一下。完美!!!

.section_text {
  position: fixed;
  text-align: center;
  bottom: 30rpx;
  left: 0;
  right: 0;
}

 來張效果圖,給你們瞧瞧。