多年以来,我一直在努力解决这个问题,现在最后我将通过显示典型的CSS多列布局来向您展示我的意思,该布局中的文本垂直移动,而不是整齐地对齐水平基线网格!
检查下面的两个代码段,您会发现在<br>
中断后,文本不再与原始的“基线”网格对齐,并且这些行变得无法对齐。在第一个代码段中,我尝试仅插入一个<br>
,并尝试将其设置为恰好跳两行。在第二个试用版中,我删除了p br{}
并仅插入了两个<br><br>
,这也导致段落文本未对齐。我们如何才能使所有列中的所有文本与同一个基线水平网格对齐(仅通过CSS!)?现在我觉得这与首字母大写的首字母大写有关,但是还没有找到如何/为什么使它们看起来整洁。
结果只需要在主要浏览器的最新版本FireFox,Chrome,InternetExplorer和Safari上运行即可。
p br{
display: block;
margin: 0 0 2em 0;
}
article {
width: 1000px;
height: 520px;
background-color: #ECC;
text-align: justify;
word-spacing: -1pt;
line-height: 30px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
}
p:first-of-type:first-letter {
float: left;
font-size: 60px;
margin: 11px 7px -9px -4px;
font-weight: normal;
line-height: 60px;
}
p br {
display: block;
margin: 0 0 2em 0;
}
<article>
<p>
Om de temperatuur constant te houden, moet de verloren gegane energie weer toegevoegd worden. In een (ongeïsoleerde) doorsnee woning gaat 75% van het totale energieverbruik rechtstreeks naar verwarmen. De belangrijkste reden om goed te isoleren is energiebesparing en comfortverhoging. Het binnenoppervlak van een geïsoleerde woning voelt warmer aan dan dat van een ongeïsoleerde woning. Deze hogere temperatuur zorgt voor extra stralingswarmte.<br>
Verwarmen en koelen kan ook op manieren dat het geen enkele energie meer nodig is. Een experiment in hoeverre dit mogelijk is vergt het uiterste van twee natuurlijke processen: isolatie en ventilatie. Op de meeste plaatsen in de wereld is de warmte van de zon en de inwendige warmteproductie (van elektrische apparaten) onvoldoende om het hele jaar door in de leefruimtes een aangename binnentemperatuur te bereiken: er is verwarming nodig. Indien de binnentemperatuur hoger is dan de buitentemperatuur ontstaat volgens de wetten van Fourier energietransport door de schil van een gebouw (muur, dak, vloer).<br>
Om de temperatuur constant te houden, moet de verloren gegane energie weer toegevoegd worden. In een (ongeïsoleerde) doorsnee woning gaat 75% van het totale energieverbruik rechtstreeks naar verwarmen. De belangrijkste reden om goed te isoleren is energiebesparing en comfortverhoging. Het binnenoppervlak van een geïsoleerde woning voelt warmer aan dan dat van een ongeïsoleerde woning. Deze hogere temperatuur zorgt voor extra stralingswarmte.<br>
Ook condenseert waterdamp minder snel op een warm oppervlak. De vacht of het verenkleed van dieren dient hetzelfde doel. De waterdamp migreert dan door de wand en de isolatie, om daarin te condenseren. Om die condensatie te voorkomen wordt dampdichte folie aangebracht, die de migratie van verse lucht ook belemmert, waardoor warmteverliezende ventilatieroosters moeten worden toegepast.</p>
</article>
article {
width: 1000px;
height: 520px;
background-color: #ECC;
text-align: justify;
word-spacing: -1pt;
line-height: 30px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
}
p:first-of-type:first-letter {
float: left;
font-size: 60px;
margin: 11px 7px -9px -4px;
font-weight: normal;
line-height: 60px;
}
<article>
<p>
Om de temperatuur constant te houden, moet de verloren gegane energie weer toegevoegd worden. In een (ongeïsoleerde) doorsnee woning gaat 75% van het totale energieverbruik rechtstreeks naar verwarmen. De belangrijkste reden om goed te isoleren is energiebesparing en comfortverhoging. Het binnenoppervlak van een geïsoleerde woning voelt warmer aan dan dat van een ongeïsoleerde woning. Deze hogere temperatuur zorgt voor extra stralingswarmte.
<br>Verwarmen en koelen kan ook op manieren dat het geen enkele energie meer nodig is. Een experiment in hoeverre dit mogelijk is vergt het uiterste van twee natuurlijke processen: isolatie en ventilatie. Op de meeste plaatsen in de wereld is de warmte van de zon en de inwendige warmteproductie (van elektrische apparaten) onvoldoende om het hele jaar door in de leefruimtes een aangename binnentemperatuur te bereiken: er is verwarming nodig. Indien de binnentemperatuur hoger is dan de buitentemperatuur ontstaat volgens de wetten van Fourier energietransport door de schil van een gebouw (muur, dak, vloer).<br>
Om de temperatuur constant te houden, moet de verloren gegane energie weer toegevoegd worden. In een (ongeïsoleerde) doorsnee woning gaat 75% van het totale energieverbruik rechtstreeks naar verwarmen. De belangrijkste reden om goed te isoleren is energiebesparing en comfortverhoging. Het binnenoppervlak van een geïsoleerde woning voelt warmer aan dan dat van een ongeïsoleerde woning. Deze hogere temperatuur zorgt voor extra stralingswarmte.<br>
Ook condenseert waterdamp minder snel op een warm oppervlak. De vacht of het verenkleed van dieren dient hetzelfde doel. De waterdamp migreert dan door de wand en de isolatie, om daarin te condenseren. Om die condensatie te voorkomen wordt dampdichte folie aangebracht, die de migratie van verse lucht ook belemmert, waardoor warmteverliezende ventilatieroosters moeten worden toegepast.</p>
</article>
最佳答案
答案可能有点晚了,但是。通过删除默认边距,线条的对齐方式将像您想要的那样:
p {
margin:0;
}
参见:https://jsfiddle.net/w5vs4j59/