CSS: Div auto width?
Ben voor het eerst echt met css aant werken, wil nu een div zo stylen met css dat hij zo breed is als nodig is om de text te laten zien, niet meer niet minder, is dat mogenlijk?
ja, dan is hij ook 200px als er bijv. maar 1 karakter in staat, daar heb ik dus niets aan. Hij moet gewoon aansluiten aan de textlengte.
@Evert,
Nee, dan pakt hij het hele scherm als breedte.
EDIT:
dit is de situatie:
.div
{
background-color:d4d4d4;
font-weight:bold;
margin-left:2;
}
<div style="div">dynamische text</div>
Gewijzigd op 01/01/1970 01:00:00 door Nils Kuijpers
Nils schreef op 29.10.2008 15:43:
.div
{
background-color:d4d4d4;
font-weight:bold;
margin-left:2;
}
{
background-color:d4d4d4;
font-weight:bold;
margin-left:2;
}
het is het beste als je margin en padding een eenheid geeft, dus: px, pt, %, em... noem maar op.
zo dus:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
.div
{
background-color:d4d4d4;
font-weight:bold;
margin-left:2px;
padding:10px;
}
{
background-color:d4d4d4;
font-weight:bold;
margin-left:2px;
padding:10px;
}
Gewijzigd op 01/01/1970 01:00:00 door Tamara
Dat verandert echter niets aan de situatie!
Jezpur schreef op 29.10.2008 16:13:
overflow: hidden; ook niet?
Nee, dat verandert niets.
daarom zei ik dat je een padding moest geven, en dat werkt nog steeds niet volgens jou....
hoe wil je het dan hebben? *me = confused now*
Gewijzigd op 01/01/1970 01:00:00 door Tamara
Edit: dat weet ik zeker als je de div een padding meegeeft
Gewijzigd op 01/01/1970 01:00:00 door Tamara
http://img49.imageshack.us/img49/6969/bijmijnietsy7.jpg
Zoals je ziet, die grijze balk waar de zwarte text in staat hoort maar zo lang te zijn als de text.
Gewijzigd op 01/01/1970 01:00:00 door Nils Kuijpers
Dit werkt ook:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
div.watdanook
{
width: auto;
white-space: nowrap;
padding: 20em;
}
{
width: auto;
white-space: nowrap;
padding: 20em;
}
Rekt ook wel op ;).
Beide codes getest en werkt inderdaad niet.