Vue框架中使用white-space: pre;和在html文件中显示不同
在html文件中
<style>
.right {
width: 300px;
height: 300px;
border: 3px skyblue solid;
text-align: center;
margin: 10px auto;
white-space: pre;
}
</style>
<div class="right">
这是一行文这是一行文本本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
</div>
在Vue中
<div>
<div class="right">
这是一行文这是一行文本本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
这是一行文本这是一行文本
</div>
</div>
<style scoped>
.right {
width: 300px;
height: 300px;
border: 3px skyblue solid;
text-align: center;
margin: 10px auto;
white-space: pre;
}
</style>
这是为什么呢?