Жылган текст CSS жана HTML колдонуу менен кутуча түзүү
An HTML жылдыруу кутучасына мазмуну кутуча өлчөмүнө караганда көп болуп жатканда оң жагына жана ылдый жылдыруу кулпуларын алып келбейт бир куту. Башка сөз менен айтканда, Сиз болжол менен 50 сөз туура болот деген кутучаны бар болсо, ал эми 200 сөз текстин бар учун HTML жылдыруу маркери кошумча 150 сөздөрдү карап көрөлү чейин жылдыруу кулпуларын салып берет. стандарттык HTML менен гана кутучасынын сыртында кошумча текстти түртүп деп.
HTML түрмөктү алуу кыйла жеңил болот. Сен азыр жылдырып, анан колдонгум келет элементтин туурасын жана бийиктигин керек CSS сиз Жылган пайда келет коюуга толуп мүлк.
Extra текст менен эмне кылуу керек?
Эгер жайгашууда мейкиндикти туура болот да, текст болсо, бир нече ыкмалар бар:
- текст жазууга, ошондуктан кыска жана туура болот.
- текст чектеринен агып жана катмары аны колдоп атышат болот үмүт жаратууда.
- ал ашып-ташып турса да, текст жок кылынсын.
- жылдыруу куймаларын (текст үчүн, эреже катары, тик) кошуу космос түрмөктөр кошумча текстти көрсөтүү үчүн.
Андайда, адатта, акыркы чечим болуп саналат: а өйдө текст кутучасын түзөт. Анан кошумча текст дагы эле китеп окуй алат, бирок дизайн бузулган эмес.
Бул үчүн HTML жана CSS болмок:
<Бөлүү стили = "толуп: унаам, туурасы: 300px; бийиктиги: 200px;"> Бул жерде текст ....ашыра: унаам; Алар курс чек ташкындап текстти сактоо үчүн керек болсо, айлантма шыргыйларды кошуу үчүн браузерди айтылат. Бирок, бул иш үчүн, ташкындашына алып чектери бар экенин, силер да, курс боюнча белгиленген туурасы, бийиктиги стилдин касиетин керек.
Ошондой эле өзгөрүп ашып тарабынан текстти кылынсын: Auto; ташкан: жашыруун ;. Сиз ашып мүлктү таштап болсо, анда тексттик курс чек күмөн.
Сиз жөн гана текст көбүрөөк айлантып бары кошуу алат
Эгер кичинекей мейкиндикте өзгөрүүлөр дедим эле бир чоң буркан бар болсо, анда сиз текстти менен болсо да, кайсы бир жол менен анын тегерегиндеги жылдыруу куймаларды кошо аласыз.
<Б стили = "толуп: унаам, туурасы: 300px; бийиктиги: 300px;"> <таки "сүрөттөр / shasta_with_disc.jpg" чыкма = "Shasta frisbee ойноп", туурасы = "400" бийиктик = "509" /> < / б>Бул мисалда, 400x509 образы 300x300 пункттун ичинде.
Tables жылдыруу Бары чейин пайда алып келе алат
маалымат Long үстөл абдан тез окуп өтө кыйын, бирок чектелген өлчөмү курс ичине коюп, анан ашып мүлктү кошуп, сен беттеги өзгөчө орун алып келбеген маалыматтары боюнча чүчүкулак менен үстөлдөрүн пайда алат .
эле, столдун тегерегинде бөлүү кошуу ошол курс туурасын жана бийиктигин, кыяндай мүлктү кошуу жагы, жөн гана сүрөт жана текст менен салыштырса болот:
<Бөлүү стили = "туурасы: 300px; ашыра: унаам, бийиктиги: 100px;"> <стол>Серепчи жылдыруу куймалардын Chrome үстөл кабатталган жатат деп ойлойт, анткени пайда Бул горизонталдык жылдыруу тилкеси кылууга эмне бир нерсе, адатта. үстөлдүн жана башка туурасын өзгөртүүгө Бул маселени чечүү үчүн көп жолдору бар. Ал эми менин жакшы көргөн эле CSS 3-мүлкү ашып-X менен горизонталдуу жылдырууну өчүрүү болуп саналат. Жөн эле ашып-X толукталсын: жашыруун; курс үчүн, ал эми горизонталдык жылдыруу тилкеси жок кылат. жок мазмун бар болушу мүмкүн деп сынап, сөзсүз керек.
<Бөлүү стили = "туурасы: 300px; ашыра: унаам, ашып-х: жашыруун; бийиктиги: 100px;">Firefox ашып үчүн TBODY Tags колдонуу колдойт
Firefox браузеринин бири чындап жакшы мүмкүнчүлүк tbody жана thead же tfoot сыяктуу ички стол күнү толуп мүлктү колдоно алабыз. Бул жылдыруу Мазмуну боюнча кулпуларды жана баш клеткалары аларга жогоруда казыктай бойдон алаарын билдирет. Бул бир гана иштейт Firefox силердин окурмандар гана Firefox, анда да жаман эмес, бирок ал жакшы өзгөчөлүк болуп саналат. Firefox бул, мисалы үчүн, эмне айтайын деп жатканымды карап чыгуу.
<Стол стили = "туурасы: 300px;">