| Autor | Zpráva | ||
|---|---|---|---|
| quatzael Profil |
Mám tabulku. V každé buňce je jedno písmeno/znak. Buňka má nastavenu pevnou šířku, jenže nějak je to ignorováno.
U širších znaků jako např: W nebo @ je buňka širší než u užších znaků..
Potřeboval bych, aby byla pevná šířka zachována. Klidně pomocí nějakého přetékání ven. Je to pro export pdf, takže je to celý zpracovávaný pomocí mpdf.. HTML: <style>
table {border-collapse: collapse;}
.td-cell
{ font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
width: 3.8mm;
height: 5.62mm;
text-align: center;
background-color: red;
}
.td-gap {width: 0.3mm;}
</style>
<table><tr>
<td class="td-cell">W</td><td class="td-gap"></td>
<td class="td-cell">i</td><td class="td-gap"></td>
<td class="td-cell">.</td><td class="td-gap"></td>
<td class="td-cell">@</td><td class="td-gap"></td>
<td class="td-cell">M</td><td class="td-gap"></td>
<td class="td-cell">l</td><td class="td-gap"></td>
<td class="td-cell">,</td><td class="td-gap"></td>
</tr></table>Předem díky za rady. |
||
| Trejpa Profil |
#2 · Zasláno: 17. 4. 2015, 09:44:40
quatzael:
A table-layout: fixed jsi zkoušel? |
||
| quatzael Profil |
#3 · Zasláno: 17. 4. 2015, 09:59:26
Trejpa:
To jsem neznal. Ale stejně to nic nedělá. Upravil jsem to takto: table {border-collapse: collapse; table-layout: fixed;} Ale výsledný efekt žádný.. |
||
| juriad Profil |
quatzael:
Musíš nastavit nějakou rozumnou šířku 3.8mm nestačí. Pro tento případ je vhodná jednotka em. Ta je definovaná jako šířka písmene M, což je nejšiřší písmeno v abecedě. Změň width na 1em a vše půjde. A nebude potřeba ani ten table-layout: fixed. |
||
| quatzael Profil |
#5 · Zasláno: 17. 4. 2015, 10:10:35 · Upravil/a: quatzael
juriad:
Šířku měnit nemůžu. Takovej je template. Jedině zmenšit písmo.. Ale nemám pocit, že by ty znaky byly opravdu větší než 3.8. Každý se tam do těch kolonek vejdou celý, jen se zbytečně roztahuje ta buňka.. Nejde nějak nastavit to přetýkání, aby se zachovala pevná šířka a obsah šel ven.. Třeba dát do buňky nějakej div s absolute position nebo tak něco.. juriad: Pozn.: „...šířka písmene M, což je nejšiřší písmeno v abecedě.“ W mi připadá daleko širší než M..
|
||
| Bubák Profil |
#6 · Zasláno: 17. 4. 2015, 10:35:31
quatzael:
„Každý se tam do těch kolonek vejdou celý, jen se zbytečně roztahuje ta buňka..“ Napadá mě jedině padding deklarovaný pro td, dkus přidat pro .td-cell
padding: 0 !important; juriad: „...jednotka em. Ta je definovaná jako šířka písmene M, což je nejšiřší písmeno v abecedě.“ Jednotka em je rovna výšce písma. Na obrázku je vidět, že M není nejširší. |
||
| quatzael Profil |
#7 · Zasláno: 17. 4. 2015, 11:14:02
Bubák:
„padding: 0 !important;“ Tohle vypadá, že funguje!! Díky moc!! |
||
|
Časová prodleva: 9 let
|
|||
0