css显示破折号

CSS是网页设计中不可或缺的一部分，通过CSS的样式设定可以实现网页的各种效果。其中，破折号也是一种常见的文字排版效果，本文将介绍如何使用CSS显示破折号。

p{
    text-indent: 2em;
     /*文字缩进*/white-space: pre-wrap;
 /*保留空格和换行符*/}
    

通过以上的CSS代码，可以实现在段落中添加破折号的功能。首先，在段落样式中设定了文字缩进，这样一来即可实现破折号的左侧对齐。

而其中的关键在于white-space样式，pre-wrap表示保留空格和换行符。如果不设置此样式，那么文本中的多个空格将被浏览器自动合并，而无法显示出破折号。

总之，通过以上的CSS代码，在网页中实现破折号排版也将变得十分简单易行。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！