一些css问题

1、解决字母或数字溢出盒子(文字超出时不自动换行)

CSS样式中加上下面任一一句即可。

word-break:break-all;
        或者
word-wrap:break-word;

2、按钮一行靠右

<div style="text-align: right">
        <el-button @click="stepEdit">编辑</el-button>
        <el-button @click="next()">下一个</el-button>
        &nbsp; &nbsp;
      </div>

3、换行展示

.display-value {
    color: #333;
    line-height: 23px;
    white-space: pre-line; //换行
  }

 

posted @ 2022-11-14 15:39  sugoi  阅读(47)  评论(0)    收藏  举报