Avatar billede ghost1026 Nybegynder
03. september 2014 - 13:26 Der er 4 kommentarer og
1 løsning

span tags breaker til næste linie

Hej

Jeg har et irriterende problem som jeg håber der er en der kan hjælpe med..
jeg vil gerne have at spans ikke knækker ned på næste linie hvis de bliver for lange inde i .outer
eksemplet er simplifieret i forhold til det aktuelle, men skulle gerne gi mening.


.container
{
width:250px
}

.outer
{
width:100%;
overflow:hidden;
white-space:nowrap;
height:22px;
display-inline;
}

.outer span
{
display:inline-block;
overflow:hidden;
}


<div class="container">
<div class="outer">
<span style="width:100px">1</span>
<span style="width:100px">2</span>
<span style="width:100px">3</span>
</div>
</div>
Avatar billede ghost1026 Nybegynder
03. september 2014 - 13:27 #1
"display-inline" er selvfølgelig display:inline-block;

stavebøf af mig
Avatar billede claes57 Ekspert
03. september 2014 - 13:57 #2
.container
{
width:250px;
overflow:hidden;
}
Avatar billede jakobdo Ekspert
04. september 2014 - 07:59 #3
Godt trick til "hjælp" i sådanne spørgsmål er at oprette en jsfiddle eller lign. http://jsfiddle.net/
Så kan eksperterne hurtigt arbejde videre på din løsning og se fejlen "live". :o)
Avatar billede ghost1026 Nybegynder
17. november 2014 - 15:33 #4
tak
Avatar billede ghost1026 Nybegynder
17. november 2014 - 15:34 #5
Åbenlyst.. havde vist stirret mig blind på den.
Hvis du vil have points for den claes57 , så smid et svar.
Og Jakobdo, Fiddle er altid godt.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester