搜索

我zfxcms ！ ^回到顶部

您的当前位置：首页 > web资讯 > CSS > CSS如何实现文字两端对齐

CSS如何实现文字两端对齐

所属分类: CSS   2018-08-09 09:21:04  编辑：admin  浏览次数 1189 次

我相信以前很多人都这么干过：两个字中间使用 来隔开达到四个字的宽度，三个字也可以，但是，像“122账号”“122密码”这样的，就不好计算该用几个空格了。

a802f1302aec41483f26fcd4ca084a0.png

方法一
div{
  width:1000px;
  border:1px solid red;
  text-align: justify;
  height:根据实际情况加
}
div:after {
    content: " ";
    display: inline-block;
    width: 100%;
}
//css
//html
< div >我的世界我做主！
< div >我的世界！
< div >我的！
方法二
div{
  width:1000px;
  border:1px solid red;
  text-align: justify;
  height:根据实际情况加
}
div i{
  display:inline-block;
  /*padding-left: 100%;*/
  width:100%;
}
//css
//html
< div >我的世界我做主！< i >
< div >我的世界！< i >
< div >我的！< i >

猜你喜欢

Web文章检索

Web文章目录

网站地图   联系我哦   用户协议   法律声明   QQ：171780793

水水网版权所有 ©2016-2024 All Rights Reserved 晋ICP备17001334号