css 添加换行
Posted Lisa lin
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 添加换行相关的知识，希望对你有一定的参考价值。
效果
- 姓名
- 姓氏
- 名字
- 地址
- 浙江省
- 杭州市
- 邮编
- code
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
dt,dd{
display: inline;
margin: auto;
}
dt:after{
content: ‘:‘;
}
dd + dt:before{
content: ‘\A‘;
white-space: pre-line;
}
dd + dd:before{
content: ‘,‘
}
</style>
</head>
<body>
<dl>
<dt>姓名</dt>
<dd>姓氏</dd><dd>名字</dd>
<dt>地址</dt>
<dd>浙江省</dd><dd>杭州市</dd>
<dt>邮编</dt>
<dd>code</dd>
</dl>
</body>
</html>
以上是关于css 添加换行的主要内容，如果未能解决你的问题，请参考以下文章