-->

WEB资讯

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

CSS如何实现文字两端对齐

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

我相信以前很多人都这么干过:两个字中间使用 来隔开达到四个字的宽度,三个字也可以,但是,像“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 >

相关文章更多 >

© 2024版权所有 水水网

电话:171780793