书名号不满一行？CSS帮你轻松对齐，一屏搞定

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

例如这样的写法。

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

修正这个情况，使用：：before 与 ：：after

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

样式css

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

这样就不会强制换行了。