Css Primus slivni uzatdi.
Golovna
Muammolarni bartaraf qilish; nosozliklarni TUZATISH
Matnni yozishda veb-ustalar vaqti-vaqti bilan muammoga duch kelishadi: matnni qanday o'tkazish mumkin?
Ko'pgina hollarda, brauzer bu vazifalarni o'zi hal qiladi.
Quvvatli so'z birikmasi HTMLda qator bo'limlari uchun maxsus teg mavjud. Ale yoyo ko'pincha jurnalistlar orasida hurmat bilan yomon ohangda gapirishi va ko'pincha noprofessionallik haqida gapirishi kerak. Buning isboti sifatida sizda logotip borligi va terining yangi qatordan boshlanishini xohlayotganingiz aniq:
Yangi ma'lumotlarni tekshirish Bu juda og'ir va murakkab kod, shuning uchun har qanday ishlab chiquvchi madaniyat zarbasini boshdan kechiradi. Va logotipning ish stoli versiyasida gorizontal ravishda va agar ekran kengligi 550 pikseldan kam bo'lsa, vertikal ravishda qanday ko'rsatilishini xohlaysiz?
Nozik sozlash uchun tashqaridan ichkariga qaraydi Elementlar har doim kaskadli uslublar jadvallarida ishlatilishi kerak.
Qo'shimcha vositalar uchun Tim more
Shriftning kengligi va o'lchami bitta harf uchun etarli joy bo'ladigan tarzda tanlangan.
Barchasini buzish qiymatlari bilan so'zni o'rash brauzerga so'zni darhol yangi qatorga o'tkazish kerakligini aytadi.
Bu kuchni almashtirib bo'lmaydigan deb atash mumkin emas.
Bu kichik matn bloklarini, masalan, sharhlarni kiritish uchun maydonlarni loyihalashda ham foydali bo'ladi.
Quvvat oq bo'sh joy
Veb-o'quvchi tanlovi kengaytirildi - matnni bo'sh joylar bilan tahrirlashingiz yoki Enter tugmasini bosishingiz mumkin, keyin nima uchun ular sahifada ko'rinmasligiga hayron bo'lishingiz mumkin.
“Kirish” deb qancha yozsangiz ham, brauzer buni e’tiborsiz qoldiradi.
Matn ko'rinishini kerakli tarzda o'zgartirish va barcha intervallarni hurmat qilish usuli ham mavjud.
- CSS hujjatida satrlarni uzatish, oq bo'shliqning qo'shimcha quvvati uchun topshiriqlar bo'sh joyning hizalanishiga rioya qilish yoki "Enter" tugmasini bosish uchun sozlanishi mumkin.
- Satrdan oldingi qiymatlardagi bo'sh joy Enter matnini o'qish uchun brauzerni o'chirib qo'yadi.
Va nihoyat, matnga nowrap qiymatlari bilan oq bo'shliq kuchini berish orqali uzatishni himoya qiling:
#wrapper p(rang: #FFF; toʻldirish: 10px; shrift: qalin 16px Helvetica, sans-serif; oq boʻshliq: nowrap; )
- Matnni to'ldirish
Matn bilan ishlash uchun yana bir ajoyib vosita - bu matnni to'ldirish. - Qatorni qayta joylashtirishga qo'shimcha ravishda, CSS quvvati konteyner o'zgartirilsa, kontentni kesish imkonini beradi.
- Avtomatik defis bilan rus tili qoidalariga muvofiq.
o'rash
so'z birikmasi
so'z uzilishi
chiziq uzilishi
defis
1919 kilogramm vaznimizni allaqachon ko'rib chiqdik korchuvach-buldozer-navantazhuvach
Kim bir hokimiyatning boshqasiga nisbatan vakolatiga ega?
Uzun so'zlarni defisdan keyin o'tkazmaslik kerak, chunki qo'shimcha defisdan keyin aniq qo'shimchalar mavjud emas va ular yangi qatordan boshlanadi.
Ko'zga darhol ko'rinadigan rasmlarni e'tiborsiz qoldirish uchun so'zlarni buzish qo'shing: keep-all;
.
Brauzerning yumshoq defislarga nisbatan hurmatini yo'qotishining oldini olish uchun biz defis qo'yamiz: yo'q;
. Agar so'zlarni o'tkazish kerak bo'lsa, so'zni o'rash: break-word; Raja yana bloklanadi, qolgan qismlar barcha brauzerlar tomonidan tushuniladi.
Bu so'zni buzish bilan keladi: sindirish;
, bu ustuvor hisoblanadi, chunki blokga to'g'ri kelmaydigan so'zlar yangi qatordan boshlanadi va yumshoq chiziqcha tavsiyasi ta'minlanadi.
At
uyqu vikoristanny
defis: avtomatik;
har qanday defisni hokimiyatga tarqatadi.Uning ishlashi uchun div atributini ko'rsatish orqali tilingizni ko'rsatishingiz kerak lang="ru" .So'zlarni boshqa qatorga o'tkazmang
Misol uchun, menyu elementi yoki tugmasi yiqilib ketayotgandek iflos ko'rinadi.
Shuning uchun biz ularning merosxo'rini o'rab olishimiz kerak. | Nima uchun hokimiyatdan olingan barcha ma'lumotlarni "ko'rib chiqish" rejimiga qo'yish va qo'shish kerak? | |
---|---|---|
<тип> | Bizning mashg'ulot maydonchamizni bosing va hayratda qoldiring. | <размер> |
Keruvati defis bilan ko'chirilgan so'zlarni: avto; | Tetrahidropiranilsiklopentiltetrahidropiridopiridinlar | <размер> && <цвет> |
Tetrahidropiranilsiklopentiltetrahidropirido | piridino | shi |
Oq bo'shliqning kuchi so'zlar orasidagi bo'shliqlarni qanday ko'rsatishni aniqlaydi. | Ko'pchilikning fikricha, veb-saytda bitta ko'rinishda paydo bo'ladigan HTML kodida ko'plab bo'shliqlar mavjud. | Vinyatkom - bu element |
, bu konteynerda matn foydalanuvchi tomonidan formatlangani uchun juda ko'p bo'shliqlar bilan ko'rsatiladi. | Shu tarzda, oq bo'shliq robotdir | |
* | Biroq, yangidan o'zgartirilganda, u shriftni monofazoga o'zgartirmaydi. | [,<время>]* |
+ | qisqacha ma'lumot | <число>+ |
? | Tur ma'nosi, chi guruhi so'zi shart emas. | kiritilganmi? |
(A, B) | A ni iloji boricha kamroq va ko'proq takrorlang. | <радиус>{1,4} |
# | Koma orqali bir yoki bir necha marta takrorlang. | <время># |
Ahamiyati
normal Brauzer oynasidagi matn odatdagidek ko'rsatiladi, qator o'tkazmalari avtomatik ravishda o'rnatiladi.
nowrap Boʻshliqlar qoplanmaydi, HTML kodidagi qator oʻtkazmalari eʼtiborga olinmaydi, barcha matnlar bir qatorda koʻrsatiladi;
shu bilan birga, qo'shiladi
Nima uchun hokimiyatdan olingan barcha ma'lumotlarni "ko'rib chiqish" rejimiga qo'yish va qo'shish kerak?
Nima uchun hokimiyatdan olingan barcha ma'lumotlarni "ko'rib chiqish" rejimiga qo'yish va qo'shish kerak?
pre Matn HTML kodida ishlab chiquvchi tomonidan ko'rsatilgan barcha kamchiliklar va o'tkazmalar bilan ko'rsatiladi.
Agar qator juda uzun bo'lsa va brauzer oynasiga to'g'ri kelmasa, u gorizontal aylantirishga tobe bo'ladi. pre-line Matn satri qoplanmagan, matn belgilangan maydonga toʻgʻri kelmasa, avtomatik ravishda keyingi qatorga oʻtkaziladi. oldindan o'rash Matn barcha bo'shliqlarni va o'rashlarni saqlab qoladi, agar qatorning kengligi belgilangan maydonga to'g'ri kelmasa, matn avtomatik ravishda keyingi qatorga o'tadi. pre-line Matn satri qoplanmagan, matn belgilangan maydonga toʻgʻri kelmasa, avtomatik ravishda keyingi qatorga oʻtkaziladi. Matnning ma'nosi jadvalda keltirilgan. pre-line Matn satri qoplanmagan, matn belgilangan maydonga toʻgʻri kelmasa, avtomatik ravishda keyingi qatorga oʻtkaziladi.
1.
oq bo'shliq Fermatning buyuk teoremasi X
n
+Y
= Z de n - butun son > 2
Natija
dumba berilgan shaklda ko'rsatilgan. 1.
Ob'ekt modeli
Ob'ekt
Eslatma
Brauzer
- Internet Explorer
- 7.0 versiyasigacha oldingi va o'rashdan oldingi qiymatlarni qo'llab-quvvatlamaydi. uchun Oddiy va oldingi qiymatlar oldindan o'rash sifatida qabul qilinadi va nowrap qiymatlari oldingi chiziq sifatida ko'rib chiqiladi.
- 9.5 versiyasidan oldingi Opera oldingi qiymatlarni qo'llab-quvvatlamaydi. uchun Firefox uchun
- Normal, nowrap va pre qiymatlari oldindan o'rash sifatida qabul qilinadi.
- Spetsifikatsiya Teri xususiyatlari qarishning bir necha bosqichlaridan o'tadi. Tavsiya - spetsifikatsiya W3C tomonidan yuqori baholanadi va standart sifatida tavsiya etiladi.
- Nomzod tavsiyasi ( Mumkin bo'lgan tavsiya) - standartga mos keladigan guruh o'z maqsadlariga javob berishidan qoniqish hosil qiladi, ammo standartni amalga oshirishda ishtirok etadigan mutaxassislardan qo'shimcha yordam talab qiladi.
Taklif etilayotgan tavsiya
So'zlarni boshqa qatorga o'tkazmang
Misol uchun, menyu elementi yoki tugmasi yiqilib ketayotgandek iflos ko'rinadi.
Shuning uchun biz ularning merosxo'rini o'rab olishimiz kerak. | Nima uchun hokimiyatdan olingan barcha ma'lumotlarni "ko'rib chiqish" rejimiga qo'yish va qo'shish kerak? | |
---|---|---|
<тип> | Bizning mashg'ulot maydonchamizni bosing va hayratda qoldiring. | <размер> |
Keruvati defis bilan ko'chirilgan so'zlarni: avto; | Tetrahidropiranilsiklopentiltetrahidropiridopiridinlar | <размер> && <цвет> |
Tetrahidropiranilsiklopentiltetrahidropirido | piridino | shi |
Oq bo'shliqning kuchi so'zlar orasidagi bo'shliqlarni qanday ko'rsatishni aniqlaydi. | Ko'pchilikning fikricha, veb-saytda bitta ko'rinishda paydo bo'ladigan HTML kodida ko'plab bo'shliqlar mavjud. | Vinyatkom - bu element |
, bu konteynerda matn foydalanuvchi tomonidan formatlangani uchun juda ko'p bo'shliqlar bilan ko'rsatiladi. | Shu tarzda, oq bo'shliq robotdir | |
* | Biroq, yangidan o'zgartirilganda, u shriftni monofazoga o'zgartirmaydi. | [,<время>]* |
+ | qisqacha ma'lumot | <число>+ |
? | Tur ma'nosi, chi guruhi so'zi shart emas. | kiritilganmi? |
(A, B) | A ni iloji boricha kamroq va ko'proq takrorlang. | <радиус>{1,4} |
# | Koma orqali bir yoki bir necha marta takrorlang. | <время># |
Ahamiyati
normal Satrlar o'tkazilmaydi yoki uzatish aniq ko'rsatilgan tinch joylarda o'tkaziladi (masalan, qo'shimcha yordam uchun
).
Nima uchun hokimiyatdan olingan barcha ma'lumotlarni "ko'rib chiqish" rejimiga qo'yish va qo'shish kerak?
break-word Qator o'tkazmalari so'z belgilangan blok kengligiga mos kelishi uchun avtomatik ravishda qo'shiladi.
Ism
Janobi Oliylari
Ruhiylashtirilgan ism
o'n birinchi sinf o'quvchisi
Ximichna rechovina
metoksiklorodietilaminometilbutilaminoakridin
Ushbu dumba natijasi rasmda ko'rsatilgan.
+Y
= Z 1.
Eslatma
Brauzer
- Internet Explorer
- 7.0 versiyasigacha oldingi va o'rashdan oldingi qiymatlarni qo'llab-quvvatlamaydi. uchun Oddiy va oldingi qiymatlar oldindan o'rash sifatida qabul qilinadi va nowrap qiymatlari oldingi chiziq sifatida ko'rib chiqiladi.
- 9.5 versiyasidan oldingi Opera oldingi qiymatlarni qo'llab-quvvatlamaydi. uchun Firefox uchun
- Normal, nowrap va pre qiymatlari oldindan o'rash sifatida qabul qilinadi.
- Spetsifikatsiya Teri xususiyatlari qarishning bir necha bosqichlaridan o'tadi. Tavsiya - spetsifikatsiya W3C tomonidan yuqori baholanadi va standart sifatida tavsiya etiladi.
- Nomzod tavsiyasi ( Mumkin bo'lgan tavsiya) - standartga mos keladigan guruh o'z maqsadlariga javob berishidan qoniqish hosil qiladi, ammo standartni amalga oshirishda ishtirok etadigan mutaxassislardan qo'shimcha yordam talab qiladi.
Guruch. 1. Uzoq muddatli orzularni kechiktirish .style.wordWrap Hammaga salom).
Men qirg‘inlar haqida yozishda davom etaman
qizil kuch mov CSS, ham bir tarzda, ham boshqa tarzda tartib bilan yordam berishi mumkin. Va bugun men konteyneringizga xalaqit bermaslik uchun drenajlarni CSS uzatish bilan qanday ishlashni bilmoqchiman.
Men sizga hamma narsani haqiqiy dumbada ko'rsataman.
So'zlar uchun uzatishni o'z ichiga oladi, lekin aralashmaslik uchun
Misol uchun, menda kengligi 100 piksel bo'lgan blok bor va men bir oz matn yozishim kerak.
Matnda "so'zi bor"
o'z-o'zidan ochish
".
Shunday qilib, arxivlar bor, masalan) Ale nuqta emas.