CSS және HTML-ні қолданып, жылжыту мәтіні бар қорапты жасаңыз
HTML жылжыту жолағы - қораптың мазмұны қораптың өлшемінен үлкенірек болса, оң жақ пен төменгі жылжыту жолақтарын қосатын терезе. Басқаша айтқанда, сізде 50 сөзге сай келетін қорапта болса және 200 сөзден тұратын мәтін бар болса, HTML айналдыру жолағы қосымша 150 сөзді көруге мүмкіндік береді. Стандартты HTML-де қосымша мәтінді қораптың сыртына шығаруға болады.
HTML айналдыру өте оңай. Сізге айналдыру керек элементтің ені мен биіктігін орнату керек, содан кейін айналдыруды қалайша қалайтыныңызды белгілеу үшін CSS қабаттастыру сипатын қолданыңыз.
Қосымша мәтінмен не істеу керек?
Орналасуыңыздағы бос орынға қарағанда көбірек мәтін болса, сізде бірнеше опция бар:
- Мәтінді қысқа етіп өзгертіп, қайта жазыңыз.
- Мәтіннің шегінен асып кетуіне рұқсат етіңіз және бұл макет оны қолдайтын болады.
- Көшірілетін мәтінді кесіңіз.
- Айналдыра жылжыту жолақтарын (әдетте мәтін үшін тік) қосымша мәтінді көрсету үшін жылжытады.
Үздік опция әдетте соңғы параметр болып табылады: айналдыру мәтін ұясын жасаңыз. Содан кейін қосымша мәтінді оқуға болады, бірақ сіздің дизайныңыз бұзылмайды.
Бұл үшін HTML және CSS:
Көтеріп кету: авто; браузерде, егер олар мәтіннің div шекарасынан асып кетуін сақтау үшін қажет болса, жылжыту жолақтарын қосады. Бірақ, бұл жұмыс істеу үшін, сізде сондай-ақ, div-ге орнатылған ені мен биіктігі мәнерінің қасиеттері қажет, сондықтан шекаралар толып кетуі мүмкін.
Сондай-ақ, мәтінді толып тастау арқылы қиып алуға болады: auto; толтыру үшін: жасырын ;. Егер толып кету қасиетін тастасаңыз, мәтін div-ның шекарасынан шығып кетеді.
Айналдыру жолдарын тек мәтіннен артық емес етіп қосуға болады
Егер сізде кішірек кеңістікте көрсетілетін үлкен кескін болса, оны айналасында айналдыру жолақтарын мәтінмен бірдей етіп қосуға болады.
Бұл мысалда 400x509 кескін 300x300 абзацта болады.
Кестелер жылжыту жолақтарынан пайдалы болады
Деректердің ұзын кестелері өте жылдам оқуға өте қиын, бірақ оларды шектеулі өлшемдегі div-ге орналастыра отырып, асып кету сипатын қосу арқылы, сіздің бетіңізде шамадан тыс орын алмайтын көптеген деректермен кестелер жасай аласыз .
Ең қарапайым әдіс суреттер мен мәтіндер сияқты, тек қана кесте бойынша div қосу, сол диваның ені мен биіктігін орнатып, артық сипатты қосыңыз:
| Аты | Телефон | 502-5366 Сіз мұны істегенде бір нәрсе - бұл көлденең жылжыту жолағы әдетте пайда болады, себебі браузерде айналдыру жолақтарының хромы кестені жабатындығын болжайды. Оны үстелдің енін және басқаларын өзгертуден алудың көптеген жолдары бар. Бірақ менің сүйіктім - CSS 3 қасиетін толығымен-x арқылы көлденең айналдыруды ғана өшіру. Тек толып-x қосыңыз: жасырын; div-ге және көлденең жылжыту жолағын алып тастайды. Мұны тексергеніңізді ұмытпаңыз, өйткені жоғалып кететін мазмұн болуы мүмкін. Firefox ТОБЖЕ тегтерін пайдалану үшін қолданадыFirefox браузерінің шын мәнінде керемет ерекшелігі, сіз tback және thead немесе tfoot секілді ішкі кесте тегтерінде артық сипатты пайдалануға болады. Яғни, кесте мазмұнын айналдыру жолақтарын орнатуға болады және үстіңгі деректеме ұяшықтары жоғарыда бекітілген күйінде қалады. Бұл тек Firefox-де ғана жұмыс істейді, бұл өте жаман, бірақ оқырмандар тек Firefox-ды қолданса, бұл жақсы мүмкіндік. Firefox-та осы мысалға қарап, нені айтқым келеді.
|
|---|