overflow
Hi
Ik wil dat mijn tekst afbreekt als deze te lang is maar deze doet het niet.
Toevoeging op 18/06/2025 09:13:41:
Ook geprobeerd met
text-overflow: ellipsis;
Ik wil dat mijn tekst afbreekt als deze te lang is maar deze doet het niet.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="noprint">
<span class="cb"><input title="Alles tonen of verbergen" id="cb_all" type="checkbox" checked onclick="showHideAll(this);">Alles</span>
<div class="cb" id="volgnr"><input title="Toon/verberg Nr" checked id="cb_volgnr" type="checkbox" onchange="showhide('volgnr', this);"> Nr</div>
<div class="cb" id="id"><input title="Toon/verberg ID" checked id="cb_id" type="checkbox" onchange="showhide('id', this);"> ID</div>
<div class="cb" id="namen"><input title="Toon/verberg Naam" checked id="cb_namen" type="checkbox" onchange="showhide('namen', this);"> Naam</div>
<div class="cb" id="adres"><input title="Toon/verberg Adres" checked id="cb_adres" type="checkbox" onchange="showhide('adres', this);"> Adres</div>
<div class="cb" id="telefoon"><input title="Toon/verberg Telefoon" checked id="cb_telefoon" type="checkbox" onchange="showhide('telefoon', this);"> Telefoon</div>
<div class="cb" id="e-mail"><input title="Toon/verberg E-mail" checked id="cb_e-mail" type="checkbox" onchange="showhide('e-mail', this);"> E-mail</div>
<div class="cb" id="leeftijd"><input title="Toon/verberg Leeftijd" checked id="cb_leeftijd" type="checkbox" onchange="showhide('leeftijd', this);"> Leeftijd</div>
<div class="cb" id="Ancienniteit"><input title="Toon/verberg Anci nniteit" checked id="cb_Ancienniteit" type="checkbox" onchange="showhide('Ancienniteit', this);"> Anci nniteit</div>
<div class="cb" id="chessaccounts"><input title="Toon/verberg Schaakaccounts" checked id="cb_chessaccounts" type="checkbox" onchange="showhide('chessaccounts', this);"> Schaakaccounts</div>
<div class="cb" id="functie"><input title="Toon/verberg Functie" checked id="cb_functie" type="checkbox" onchange="showhide('functie', this);"> Functie</div>
<div class="cb" id="fotos"><input title="Toon/verberg Foto's" checked id="cb_fotos" type="checkbox" onchange="showhide('fotos', this);"> Foto's</div>
<div class="cb" id="activiteiten"><input title="Toon/verberg Act. (4)" checked id="cb_activiteiten" type="checkbox" onchange="showhide('activiteiten', this);"> Act. (4)</div>
<div class="cb" id="extra"><input title="Toon/verberg Extra" checked id="cb_extra" type="checkbox" onchange="showhide('extra', this);"> Extra</div>
</div>
<span class="cb"><input title="Alles tonen of verbergen" id="cb_all" type="checkbox" checked onclick="showHideAll(this);">Alles</span>
<div class="cb" id="volgnr"><input title="Toon/verberg Nr" checked id="cb_volgnr" type="checkbox" onchange="showhide('volgnr', this);"> Nr</div>
<div class="cb" id="id"><input title="Toon/verberg ID" checked id="cb_id" type="checkbox" onchange="showhide('id', this);"> ID</div>
<div class="cb" id="namen"><input title="Toon/verberg Naam" checked id="cb_namen" type="checkbox" onchange="showhide('namen', this);"> Naam</div>
<div class="cb" id="adres"><input title="Toon/verberg Adres" checked id="cb_adres" type="checkbox" onchange="showhide('adres', this);"> Adres</div>
<div class="cb" id="telefoon"><input title="Toon/verberg Telefoon" checked id="cb_telefoon" type="checkbox" onchange="showhide('telefoon', this);"> Telefoon</div>
<div class="cb" id="e-mail"><input title="Toon/verberg E-mail" checked id="cb_e-mail" type="checkbox" onchange="showhide('e-mail', this);"> E-mail</div>
<div class="cb" id="leeftijd"><input title="Toon/verberg Leeftijd" checked id="cb_leeftijd" type="checkbox" onchange="showhide('leeftijd', this);"> Leeftijd</div>
<div class="cb" id="Ancienniteit"><input title="Toon/verberg Anci nniteit" checked id="cb_Ancienniteit" type="checkbox" onchange="showhide('Ancienniteit', this);"> Anci nniteit</div>
<div class="cb" id="chessaccounts"><input title="Toon/verberg Schaakaccounts" checked id="cb_chessaccounts" type="checkbox" onchange="showhide('chessaccounts', this);"> Schaakaccounts</div>
<div class="cb" id="functie"><input title="Toon/verberg Functie" checked id="cb_functie" type="checkbox" onchange="showhide('functie', this);"> Functie</div>
<div class="cb" id="fotos"><input title="Toon/verberg Foto's" checked id="cb_fotos" type="checkbox" onchange="showhide('fotos', this);"> Foto's</div>
<div class="cb" id="activiteiten"><input title="Toon/verberg Act. (4)" checked id="cb_activiteiten" type="checkbox" onchange="showhide('activiteiten', this);"> Act. (4)</div>
<div class="cb" id="extra"><input title="Toon/verberg Extra" checked id="cb_extra" type="checkbox" onchange="showhide('extra', this);"> Extra</div>
</div>
Toevoeging op 18/06/2025 09:13:41:
Ook geprobeerd met
text-overflow: ellipsis;
Probeer dit eens?
De laatste property is optioneel om ze netjes uit te lijnen naast elkaar.
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.cb {
display: inline-block;
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
display: inline-block;
width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
De laatste property is optioneel om ze netjes uit te lijnen naast elkaar.
Gewijzigd op 18/06/2025 20:08:46 door - Ariën -
Edit:
Spambericht verwijderd!
.



