- From: Simon Sapin <simon.sapin@kozea.fr>
- Date: Sat, 21 Jul 2012 09:31:54 +0200
- To: Andrew Fedoniouk <news@terrainformatica.com>
- CC: www-style@w3.org
Le 21/07/2012 07:30, Andrew Fedoniouk a écrit :
> Let's say we have this markup:
>
> <div>
> <span>1</span>
> <span>2</span>
> <span>3</span>
> <span>4</span>
> <span>5</span>
> <span>6</span>
> </div>
>
> and the desire to see these spans broken into two lines:
> 123
> 456
>
> with div style defined as:
>
> div { max-width: max-content; border:1px solid; }
>
> so its width will be set set to max of widths "123" and "456".
>
> Of course we can use <br> in markup between 3 and 4 but it is not CSS-ish.
>
> Something like this:
>
> div>span:nth-child(3) { line-break:after; }
>
> probably?
Hi Andrew,
You can do as Lea said to have something behave like <br> in CSS. In
fact that’s how <br> is implemented in some UAs.
Also note that in your markup, there is whitespace before and after each
<span>. So you will most likely get the max width of "1 2 3" and "4 5
6". I’ve seen work arounds like this:
...</span><!--
--><span>...
--
Simon Sapin
Received on Saturday, 21 July 2012 07:32:24 UTC