Hi,

No matter what I try


<style>
.FlexColumn {display: flex;flex-flow: column nowrap }
</style>

<div class="FlexColumn">
	<div>X</div>
	<div>X</div>
	<div>X</div>
	<div>X</div>
	<div>X</div>
</div>
<!-- I tried many CSS trick here... -->
<div>
   <span>X</span><br><span>X</span><br><span>X</span><br><span>X</span>
</div>

I always get a vertical gap between the characters !

Any ideas ?

Thanks.

You are viewing a single thread.
View all comments
21 points

line-height is the property you are looking for. Beware fucking with line-height is usually a bad idea, as characters can extend below or above the “line” and will collide.

Also maybe look at divitis, you might be suffering from it.

permalink
report
reply
3 points

I love that word divitis

permalink
report
parent
reply

Community stats

  • 1

    Monthly active users

  • 100

    Posts

  • 68

    Comments