Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS内联文本,随机线填充/水槽_Html_Css_Padding - Fatal编程技术网

Html CSS内联文本,随机线填充/水槽

Html CSS内联文本,随机线填充/水槽,html,css,padding,Html,Css,Padding,我试图用一些不同的副标题,使文本看起来有点凌乱。我不想将标记更改为包含s和其他元素 我想知道是否有人对如何纯粹用css实现这一点有清晰的想法。请看图片: 所以在这个例子中,我们有一些。。。左右两侧都有奇数的水槽和边距 我想知道这是否可能。同样,我不想更改一个简单的标记,即: <h2>The quick brown fox jumps over the lazy dog.</h2> 敏捷的棕色狐狸跳过了懒狗。 如果不更改您的标记,这在纯CSS中是不可能的如果不更改您的标

我试图用一些不同的副标题,使文本看起来有点凌乱。我不想将标记更改为包含

s和其他元素

我想知道是否有人对如何纯粹用css实现这一点有清晰的想法。请看图片:

所以在这个例子中,我们有一些。。。左右两侧都有奇数的水槽和边距

我想知道这是否可能。同样,我不想更改一个简单的标记,即:

<h2>The quick brown fox jumps over the lazy dog.</h2>
敏捷的棕色狐狸跳过了懒狗。
如果不更改您的标记,这在纯CSS中是不可能的

如果不更改您的标记,这在纯CSS中是不可能的

试试这个

<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>

P
{
空白:预处理;
}

敏捷的棕色狐狸
跳过
懒狗

试试这个

<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>

P
{
空白:预处理;
}

敏捷的棕色狐狸
跳过
懒狗


在不更改原始标记的情况下,我实现了以下目标:


在不更改原始标记的情况下,我实现了以下目标:



嗯,我希望不是这样,我想有人可能会想到psuedo元素在首字母上的负边距等等。我可以,但我不希望,我知道我可以做一些javascript后期加载以及一些php来阻止流,但这将是我第二喜欢的选择嗯,我希望不是这样,我想有人可能会对psuedo元素的首字母上的负边距等有想法。我可以,但希望不会,我知道我可以做一些javascript后期加载以及一些php来阻止流,但这将是我第二喜欢的选择为什么?如果这就是您想要实现的布局,为什么不加入一些简单明了的

s呢?这会给RSS和未来的重新设计带来麻烦。。它只是在代码方面有点混乱。。。卫生?如果这是一个术语,为什么?如果这就是您想要实现的布局,为什么不加入一些简单明了的

s呢?这会给RSS和未来的重新设计带来麻烦。。它只是在代码方面有点混乱。。。卫生?如果这是一个术语,我喜欢。。。。。没有额外的标签,也不会对RSS和未来的校对产生影响,这只是一个添加随机空白的例子!!!。。。。积分!!说真的,我很喜欢,如果我整天都在摆弄的话,我是不会想到的。。。这就是为什么Stackoverflow非常有用。。。我将把这个问题保留几个小时,以防其他天才有其他建议,否则我就要这样做了@亚历克斯,即使我也有同样的感觉,我问他们一些问题,几分钟内有人会给出一个答案,10分钟后,我会得到比我要求的更好的答案。我想你的观点在下面得到了证明。我之所以选择这个答案,仅仅是因为它更接近于“不改变事物也不改变空白:pre不在ie8上工作”。。可悲的是,这几天仍然是一个考虑因素,而李斯特先生的css选项在ie8ohhh中似乎很好,我喜欢它。。。。。没有额外的标签,也不会对RSS和未来的校对产生影响,这只是一个添加随机空白的例子!!!。。。。积分!!说真的,我很喜欢,如果我整天都在摆弄的话,我是不会想到的。。。这就是为什么Stackoverflow非常有用。。。我将把这个问题保留几个小时,以防其他天才有其他建议,否则我就要这样做了@亚历克斯,即使我也有同样的感觉,我问他们一些问题,几分钟内有人会给出一个答案,10分钟后,我会得到比我要求的更好的答案。我想你的观点在下面得到了证明。我之所以选择这个答案,仅仅是因为它更接近于“不改变事物也不改变空白:pre不在ie8上工作”。。可悲的是,这几天仍然是一个考虑因素,而李斯特先生的css选项在IE8中似乎很好。这是一种美,我真的很敬畏。谢谢你!!这是一种美,我真的很敬畏。谢谢你!!