0

我正在尝试对副标题做一些不同的事情，从而使文本看起来有些混乱。我不想将标记更改为具有<br/>s 和其他元素。

我想知道是否有人对如何纯粹在 css中完成此操作有一个巧妙的想法。看一下图片：

在此处输入图像描述

所以在这个例子中，我们在左边和右边都有一些......奇怪的排水沟和边距。

我想知道这是否可能。同样，我宁愿不更改简单的标记，即：

<h2>The quick brown fox jumps over the lazy dog.</h2>
4

3 回答 3

4

尝试这个。

<html>
<head>
<style type="text/css">
p
{
white-space:pre;
}
</style>
</head>
<body>

<p>
The quick brown fox 
   jumps over the  
 lazy dog
</p>

</body>
</html>
于 2012-04-10T11:56:22.077 回答
2

在不更改原始标记的情况下，我做到了这一点：jsFiddle

h2 {
 width:10em; text-indent:-2em; margin-left:1em;
}
h2:before {
 display:block; content:''; float:left; width:1em; height:2em;
}
于 2012-04-10T12:21:34.323 回答
0

在不更改标记的情况下，使用纯 CSS 是不可能的

于 2012-04-10T11:40:38.607 回答