小程序問題總結

1.css渲染右箭頭

<view class='arrow'></view>

.arrow {

width: 10px;

height: 10px;

border-top: 2px solid #999;

border-right: 2px solid #999;

position: absolute;

right: 20rpx;

transform: rotate(45deg);

margin-top: 10rpx;

}

 

2.view內容居中

.hxview {

 

 

display: flex; /*設置顯示樣式**/

align-items: center; /**子view垂直居中*/

vertical-align: center; /**垂直居中*/

flex-direction: row;

}

 

發佈了57 篇原創文章 · 獲贊 9 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章