Веб-сайттың кеңістігі қарапайым нәрсе еді. Бірақ бірінші рет бірнеше рет соқтығысып көресіз және бұл ақпарат сіздің бетіңізде болмаса, сіз ол көрінгендей оңай емес екенін түсінесіз.
Веб-торапта орын жасаудың бірнеше жолы бар. Алғашқы екеуі HTML тегтері бар:
...
Параграф маркер әдетте элементтер арасында бос орын қояды. Бұл параграф үзілісінде әрекет етеді.
Дегенмен, қатардағы бірнеше
сіздің бетіңізді қиындатудан басқа ештеңе жасамайды. Кейбір редакторлар көп орынды қосу үшін орындарда
қойып отырады, бірақ бұл шынымен
тегін емес, бір минут ішінде жететін белгішені пайдаланбайды.
Тег мәтіннің ағынына бір жол үзілімін қоюға арналған. Дегенмен, бос кеңістіктің ұзын жолдарын жасау үшін оны бірнеше рет қатар қолдануға болады. Мәселе - кеңістіктің биіктігін және енін анықтай алмайсыз және ол автоматты түрде беттің ені болып табылады.
CSS маржасы және толтыру
Веб-беттеріңіздің құжаттарына кеңістік қосудың тағы бір жолы - CSS қасиеттерінің маржасын және толтыруды пайдалану . Бұл сіздің элементтеріңіз арасында қалаған кеңістіктің көлемін дәл табудың әлдеқайда жақсы жолы. Сіз құжатта тік кеңістікке қарағанда көп әсер ете аласыз.
Үзілмейтін кеңістік ()
Соңында, үзілмейтін орын бар . Бұл таңба сипаты әдеттегі мәтіндік кеңістік сияқты жұмыс істейді, тек браузер әрбір жеке-жеке қарастырады.
Егер төрт қатарға қойсаңыз, браузер мәтінге төрт бос орын қояды.
Ескертпе, ескі браузерлер бірнеше бұзылмайтын бос орындарды көрсете алмауы мүмкін.
Кестелердегі бұзылмайтын кеңістікті пайдалану
Кестелер ашық түрде ұстап тұру үшін ұяшыққа ештеңе қоспасаңыз, жиі жабылады немесе үзіледі. Мысалы: 30 пикселді сызықша бар кесте жасау үшін келесі HTML пайдаланыңыз:
| Бұл мәтіннің сол жағында шағын көлем болуы керек. Кейбір браузерлер оны дұрыс көрсететін болады, бірақ көбісі кесте енінің сұрауын елемейді және мәтінді сол жақ шетпен қояды. Өте тітіркендіргіш! |
Кесте бағанын бұзудан сақтау үшін бөлгіш бос орынды пайдаланыңыз:
| Бұл мәтіннің сол жағында шағын көлем болуы керек. Көптеген браузерлер оны дұрыс көрсетеді. |