1. 程式人生 > >小程序 圖片和文字放在一行對齊的方法

小程序 圖片和文字放在一行對齊的方法

程序 技術 mage bubuko 橫線 con center 其他 none

<view class=‘setting‘ bindtap=‘jumpLogin‘>
<image class=‘btnImg‘ src=‘../image/setting.png‘ style="width:40rpx;height:40rpx;"></image>
<text style="font-size:0.8rem;color:#0AAAF6">切換賬號</text>
</view>

  

.setting{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; 
}

  技術分享圖片

------------------------------------ 格外小知識 ----------------------------------------------------------------------------------

class是以小寫句號“.”開頭命名,而ID是以“#”好開頭定義
750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

------------------------------------
規定段落中的文本不進行換行:
p{
white-space: nowrap

}
---------------------------

fixed定位是指元素的位置相對於瀏覽器窗口是固定位置,即使窗口是滾動的它也不會滾動,
且fixed定位使元素的位置與文檔流無關,因此不占據空間,且它會和其他元素發生重疊。
position: fixed; right:0;bottom: 0;


-----------------------------------
微信小程序 給數字或文字加橫線,比如原價、已完成任務
核心屬性 text-decoration:line-through;
-------------------------------

div隱藏後不占空間的寫法:display: none

div隱藏後占空間的寫法:visibility:hidden

---------------------------------------



小程序 圖片和文字放在一行對齊的方法