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