css 解决因为书名号不满一行就换行情况

有时候,会因为《》里面动态添加数据,因为外层的书名号导致不满一行就换行。

例如这样的写法。

<span>《{{text}}》</span>

修正这个情况,使用::before 与 ::after

<span>{{text}}</span>

样式css

span::before{
						display: inline;
						content: "《"
					}
				span::after{
						display: inline;
						content: "》"
					}

这样就不会强制换行了。


版权声明:本文为KLS_CSDN原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。