账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式

CSS text-align

2021/08/29 评论区

CSS text-align图片文字内容居左 居右 居中

27天前发布

、text-align的值与说明

text-align语法:

text-align : left | right | center | justify 


text-align参数值与说明: 

left : 左对齐

right : 右对齐

center : 居中

*justify : 两端对齐(不推荐使用,通常大部分浏览器不使用)

我们对text-align常用的参数值为left、right、center


 


二、text-align常使用地方  

text-align常常用于盒子里的文字、图片等内容居左、居中、局右。比较常见是常规的让内容局左或居中对齐排列。


text-align举例截图


三:实例

我们用小程序的控件进行演示


<view class="view_left">
  <image src="../image/type.png"></image>
  <text>你是傻子吗</text>
</view>
<view class="view_center">我被居中了</view>
<view class="view_right">我被居右了</view>

css样式


.view_center {
  width: 300px;
  height: 100px;
  text-align: center;
  border: 1px solid #0f0;
}
 
.view_left {
  width: 300px;
  height: 100px;
  text-align: left;
  margin-top: 10px;
  border: 1px solid #0f0;
}
 
.view_right {
  width: 300px;
  height: 100px;
  text-align: right;
  margin-top: 10px;
  border: 1px solid #0f0;
}
 
.view_left image {
  width: 30px;
  height: 30px;
}

结果:


推荐阅读:
0
打赏
相关话题: css文字居左

axdmin

积分:546

私信

  • TA发布的文章
  • TA发布的帖子
  • TA发布的资源
  • 编辑推荐
  • TA的主页

全部评论(0)