Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/251.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
CSS字间距属性不为';在使用PHP缩小HTML后无法工作_Php_Html_Css - Fatal编程技术网

CSS字间距属性不为';在使用PHP缩小HTML后无法工作

CSS字间距属性不为';在使用PHP缩小HTML后无法工作,php,html,css,Php,Html,Css,我的文档中有类似于以下内容的内容: 蝙蝠侠{ 字间距:100px; } .蝙蝠侠>分区{ 显示:内联块; -webkit框大小:边框框; -moz框大小:边框框; 框大小:边框框; } 你好 世界 您需要在单词间距的第一个div之后添加一个空格字符,才能在缩小的HTML中使用。不需要修改PHP 只需使用带有转义Unicode序列的CSS伪元素作为空间 蝙蝠侠{ 字间距:100px; } .蝙蝠侠>分区{ 显示:内联块; 框大小:边框框; } .batman>div:第一个孩子::之后{ 内

我的文档中有类似于以下内容的内容:

蝙蝠侠{ 字间距:100px; } .蝙蝠侠>分区{ 显示:内联块; -webkit框大小:边框框; -moz框大小:边框框; 框大小:边框框; }

你好
世界

您需要在
单词间距的第一个div之后添加一个空格字符,才能在缩小的HTML中使用。不需要修改PHP

只需使用带有转义Unicode序列的CSS伪元素作为空间

蝙蝠侠{ 字间距:100px; } .蝙蝠侠>分区{ 显示:内联块; 框大小:边框框; } .batman>div:第一个孩子::之后{ 内容:“\00a0”; }

helloworld
请注意,这是一个黑客解决方案。无论如何,可以使用pesudo元素

蝙蝠侠分区{ 显示:内联块; } .蝙蝠侠分区:第一个孩子{ 内容:''; 右边填充:100px; }
helloworld
这是因为当html被展平为一行时,实际上没有空间供它使用,请尝试在第一个div的末尾添加一个空格,或者,第二个div的开头单词间距适用于指定div中的一个句子。您将每个单词包装在其自己的div中。单词间距不是这样工作的。如果希望使用单词间距,则处理后的HTML应如下所示。hello World使用
创建一个空格。-->类似这样的:
helloworld
我想你的迷你们机是无效的。与其删除元素之间的所有空格,不如将其缩减为单个空格。
之间有区别。如果任何元素被包装在一个带有
空白:pre
样式的元素中,则折叠空白也将是错误的。是的,我想我必须考虑替换缩微元素这是一个好主意,但我可能有多个子元素。目前正在尝试将“:after”应用于每个孩子,但将该空间的可见宽度设为0。字体大小0?负边际?。这里不准确。。。。如此接近:)看看这个:,每一行的CSS都是相同的,但是第一行放在一行上。。。。需要它看起来像第二行。目前在MS Edge上。两行完全相同。今天晚些时候我们将检查Chrome和FF。谢谢你,Michael。它适用于MSIE11,而Firefox49和vivaldi 1.2则显示了不同的行。像这样:i.imgur.com/JQMkZ2F.jpg在你的代码笔上工作。到目前为止,我用CSS做的任何尝试都没有效果。会让你知道是否有突破。实际上,调整PHP可能更简单。