Autor | Zpráva | ||
---|---|---|---|
Big_D Profil |
#1 · Zasláno: 16. 4. 2011, 14:47:59 · Upravil/a: Big_D
Zdravím dělám stránku a mam problém že když zadám text delší jak 30 znaků, tak text vyjede z DIVu a já bych potřeboval řešení jestli by šlo aby se mi text automaticky zaformátoval do šířky DIVu. Skoušel jsem prvek z CSS ale to nevypadá dobře když se stránkou scroluje. Prosím vás moc o radu.
|
||
Petr ZZZ Profil |
#2 · Zasláno: 16. 4. 2011, 15:05:30 · Upravil/a: Petr ZZZ
|
||
panther Profil |
#3 · Zasláno: 16. 4. 2011, 15:20:00
Petr ZZZ:
„Zkus dát text místo do divu do odstavce <p>“ tuhle úvahu moc nechápu. „a nastavit odstavci [...] šířku.“ šířka je pravděpodobně nastavena, tipuji na cca 30 znaků. Big_D: kolik myslíš, že těch slov delších 30 znaků bude? podívej se na word-wrap, nebo přidej overflow .
|
||
Petr ZZZ Profil |
#4 · Zasláno: 16. 4. 2011, 15:40:38
panther:
„tuhle úvahu moc nechápu.“ To byla takříkajíc "rada navíc", ale máš pravdu, že chybějící souvislost s dotázaným problémem může být bez bližšího vysvětlení matoucí. „slov delších 30 znaků“ Big_D nepíše o slovu, ale o textu. Big_D: živá ukázka by nebyla? |
||
Big_D Profil |
#5 · Zasláno: 16. 4. 2011, 17:24:01
Div z Html:
<div id="content"> <p>AAAAAAAAAAAAAAAAAAAASDSAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> </div> CSS: #content { width: 500pt; height: 100pt; text-align: center; margin: 5px auto; padding: 50px; overflow: visible; background-color: #99D8D1; } |
||
panther Profil |
#6 · Zasláno: 16. 4. 2011, 17:28:58
Big_D:
overflow: visible je defaultní hodnota. Myslel jsem nastavit jinou.
Petr ZZZ: „Big_D nepíše o slovu, ale o textu.“ text oddělení mezerami nemá důvod vytékat, ať se děje cokoliv. |
||
Big_D Profil |
#7 · Zasláno: 16. 4. 2011, 17:31:27
panther:
> Big_D: > overflow: visible je defaultní hodnota. Myslel jsem nastavit jinou. S overflow mi vadí to že by se mi musela stránka srollovat a to nechci. |
||
panther Profil |
#8 · Zasláno: 16. 4. 2011, 17:36:49 · Upravil/a: panther
Big_D:
přečti si ještě jednou, co jsem psal v [#3]. U overflow existují i jiné hodnoty, než visible a scroll/auto . Osobně bych volil tu další, protože 30-znaký text stejně nejsou reálná data, u kterých by vadilo, že by se částečně schovala.
Kromě overflow jsem psal o další možné variantě řešení.
Příště čti, prosím, pozorně, co ti tu jiní radí. A podívej se (třeba na JPW) i na možné hodnoty, kterých může daná vlastnost nabývat. Vše podstatné padlo v [#3]. |
||
Petr ZZZ Profil |
#9 · Zasláno: 16. 4. 2011, 17:55:50 · Upravil/a: Petr ZZZ
panther:
Jak je to s podporou word-wrap? (Yuhů píše, že to má fungovat pouze v Exploreru.) Big_D: Ještě můžeš nějaké to extra­super­giga­maxi­mega­dlou­ha­tán­ské slovo zkusit vyzdobit entitou ­ (funguje minimálně v IE a FF, nevím ale, jestli třeba nedělá neplechu ve výtisku).
↓ panther, o_O: Děkuji. |
||
Big_D Profil |
panther:
Děkuji vám všem za rady už jsem to vyřešíl pomocí určetní délky odstavce jak radil panther, a promiňte mi tu mojí retardaci... Moderátor Chamurappi: Odstraněna naprosto zbytečná dlouhatánská znepřehledňující citace.
|
||
panther Profil |
#11 · Zasláno: 16. 4. 2011, 18:44:53 · Upravil/a: panther
Petr ZZZ:
„Jak je to s podporou word-wrap?“ v současné době funguje i v jiných prohlížečích, konkrétně jsem to nezkoumal. Osobně, pokud bych tohle řešil jen na úrovni HTML/CSS, bych volil asi overflow: hidden , 30-znaké slovo neznám. Pokud by se jednalo o vkládání např. odkazů, je to dost nedomyšlené nechat tam takhle málo prostoru. Pak by přišlo na řadu PHP, které v případě, že najde odkaz, jeho text zkrátí.
K vidění to je na mnoha serverech, všimni si odkazů tipů www.example.com/example.../1.html (tribut href obsahuje pochopitelně plné znění).
|
||
Bubák Profil |
#12 · Zasláno: 17. 4. 2011, 01:44:50
Též je možné použít staronový tag <wbr>.
|
||
o_O Profil |
#13 · Zasláno: 17. 4. 2011, 03:18:25
Petr ZZZ:
„Jak je to s podporou word-wrap?“ V opeře a mozille (4) funguje pouze word-wrap: break-word; word-break: break-all; |
||
Časová prodleva: 13 let
|
0