您的当前位置：首页 > 资讯 > CSS

CSS如何实现文字两端对齐

2018-08-09 09:21:04 来源：admin 点击：954

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

方法一

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资讯

CSS如何实现文字两端对齐

相关文章更多 >