Ako zabrániť prekrývaniu DIV CSS

Prvky značky „Div“ poskytujú vývojárom HTML kontajnery, takže môžete na svojich webových stránkach formátovať text a rozloženia. Predvolené nastavenie pre div umožňuje, aby sa text prekrýval s ostatnými prvkami div na vašich stránkach. Toto predvolené nastavenie môžete prepísať nastavením vlastnosti pretečenia na posúvanie alebo orezávanie prekrývajúceho sa textu. To znamená, že sa zobrazí posúvač alebo text je orezaný, ak rozširuje šírku alebo výšku prvku div.

Krok 1

Pravým tlačidlom myši kliknite na súbor HTML, ktorý obsahuje prvok div prvok, ktorý chcete upraviť. V rozbaľovacej ponuke kliknite na položku „Otvoriť pomocou“. Dvakrát kliknite na editor HTML, ktorý chcete použiť na úpravu vlastností značky div.

Krok 2

Posuňte stránku HTML nadol na časť Div, ktorú chcete upraviť. Rýchle vyhľadanie prvku môžete vykonať aj stlačením klávesov Ctrl a F. Táto kombinácia klávesov otvorí textové pole „Nájsť“. Do textového poľa zadajte názov značky div a stlačte kláves „Enter“.

Krok 3

Do značky div zadajte nasledujúci kód CSS a do prvku v prípade pretečenia textu pridajte posuvný pruh: overflow: scroll; Ak chcete text orezať a vynechať posúvač, použite namiesto toho nasledujúci kód CSS: overflow: hidden;

Stlačením kombinácie kombinácií "Ctrl" a "S" uložte zmeny. Ak chcete zobraziť zmeny pred zverejnením na svojich webových stránkach, dvakrát kliknite na súbor HTML na pevnom disku a zobrazte ich v prehliadači.

• Predchádzajúca strana: Ako spustiť správu počítača ako správca
• Ďalšia strana: Ako previesť PSD na PDF na Mac