使用(Unicode字符)让inline水平元素换行

时间：2016-01-29 11:56:18 阅读：147 评论：0 收藏：0 [点我收藏+]

标签：

技术分享

为了实现上面效果：

<dl>

<dt>提问：</dt><dd>为什么没有男朋友？</dd>

</dl>

<dl>

<dt>回答：</dt><dd>男朋友是什么、可以吃吗？</dd>

</dl>

原理显而易见：标题元素前换行，去除第一个标签元素前面的换行符。

dt:before {

content: ‘\D\A‘;

white-space: pre;

}

dt:first-child:before { content: normal; }

"\A"就是神奇值所在。包含回车CR和换行LF字符一般都是unicode字符，其可像其他unicode字符一样随便插。它们分别有000D和000A Unicode编码。这就意味着，如果偶们escape内容合理，其就可以像普通内容一样插插插！

//上面这段“CR和LF字符”分别指回车(CR)和换行(LF). 回车CR-将光标移动到当前行(?) 的开头；换行LF-将光标“垂直”移动到下一行（并不移动到下一行的开头，即不改变光标水平位置）。

标签：

原文地址：http://www.cnblogs.com/chuangweili/p/5167977.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行