一、image控件中显示圆形图片
首先来个效果图:
然后我们来看看源码:
wxml中:
<image class="image_radius" src="../images/timg.png"/>
wxss中:
.image_radius {
height: 50px;
width: 50px;
border-radius: 30px;
}
二、两个字和三个字对齐
效果图:
代码:
<view class="view2">
<text class="t-1">你好</text>
</view>
<view class="view2">
<text class="t-1">我们好</text>
</view>
css代码:
.view2 {
margin: 10px;
width: 70px;
background-color: aquamarine;
}
.t-1 {
min-width: 70px;
display: inline-block;
text-align-last: justify;
}