使用Unicode字符实现换行

时间：2024-10-18 22:04:38

要让inline元素换行可以使用Unicode字符实现：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

        dt,dd{

            display: inline;

            margin: 0;

        }

        dd:after{

            content: '\a';

            white-space: pre;

        }

    </style>

</head>

<body>

    <dl>

        <dt>提问：</dt><dd>你是谁？</dd>

        <dt>回答：</dt><dd>我是你！</dd>

    </dl>

</body>

</html>

相关文章