当缩小/压缩HTML时,将所有内容放在一行上是很常见的。
在某个地方,我已经阅读或听说过将一切都放在一条线上是一个陷阱。我不记得为什么。
示例
像这样但更长的时间:
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
为什么把所有东西放在一条线上都不好?
答案 0 :(得分:1)
一个技术原因是内联块和内联块元素如果用空格或换行符分隔则表现不同。一旦我将li
标记设置为inline-block
,并且在我的静态版本中它们被换行分隔,并且在网页上它们每行显示一条但是当它用php生成时它们都在一行中导致li
s全部出现在一行中。类似地,在彼此之间具有空格的span
标签在网页的视觉输出中具有实际的字间距。