Желе бетте элементтерди кантип айкалыштыруу жана Float үчүн

Желе-беттеги заттар жайгаштыруу анын жалпы долбоор үчүн абдан маанилүү болуп саналат. Мындай столдор (пайдалануу үчүн долбоорду таасир башка жолдору бар болсо да , биз сунуш жок болсо ), мыкты CSS колдонуу .

Төмөндө биз сүрөттөрдү, үстөлдөрүн, пункттары жана тегиздөө үчүн-лайн мүлкүн жөнөкөй CSS стили кантип колдонууну карап алып кетебиз.

Эскертүү: Ушул эле методдор боюнча пайдаланылышы мүмкүн тышкы стилдердин да, бирок бул жеке заттар колдонулат жана, кыязы, ошол жол менен калыш үчүн зарыл, анткени, ал төмөндө көрсөтүлгөн эмне болуп-лайн стилин колдонуу жакшы.

Text-пункттарында тегиздөө

абзац теги интернет баракты коюп баштоо үчүн биринчи орунда турат. Бул ачуу жана жабуу теги мындай:

бир пунктунда тексттин жарыяланбаган тегиздөө барактын сол жагына чейин, ал эми силер да жакшылык менен борборуна сиздин пункттары айкалыштырууга болот.

<Б стили = "лидерлери: оң;">

калкып мүлктү колдонуу Сиз укугуна пункттары тегиздеп, же ата-элементтин чыгып берет. Ошол ата-элементтин ичинде башка бардык элементтер калкып элементтин тегерегиндеги агат.

бир-пунктуна мыкты таасир алыш үчүн, ал контейнер (ата-эне) элементтердин аз эле бөлүгүндө бир туурасын үчүн жакшы.

<Б стили = "лидерлери: сол; туурасын: 150px;">

Текст Inside Paragraphs тегиздөө

Балким, абзац тексти үчүн абдан кызыктуу тегиздөө "актоо" деген текст түздөлгөн, олуттуу, укук жана Терезенин сол тарабында да көрсөтүү үчүн браузерди айтып турган.

бир пунктта текст актоо үчүн, текстти тегиздөө мүлктү пайдаланууга болот.

<Б стили = "текстти тегиздөө: актоо;">

Сиз ошондой эле текстти тегиздөө мүлктү колдонуп, оң жагында да, солго (демейки) бир пункттун ичинде бардык текстти тегиздөө болот.

<Б стили = "текстти тегиздөө: оң;">

текстти тегиздөө мүлк элементтин ичинде текстти тегиздөө болот. Негизи, бул пункттун же башка элементтин ичинде камтылган сүрөттөрдү тегиздөө керек эмес, бирок, көпчүлүк серепчилер бул мүлктүн камтылган катары сүрөттөрдү мамиле.

тегиздөө Images

бир сүрөттөлүш тег жадымда мүлктү колдонуу Сиз беттеги сүрөттөрүн жайгаштырууну аныктай алат жана текст алар оройт кандай.

Эле жогоруда пункттарда сыяктуу, Тата менен күндөп стили мүлк-беттеги сиздин суротторунуз жайгаштыруу жана сүрөттөлүштүн айланасында текстти жана башка элементтерди агып кантип браузер айтылат.

<Таки "image.gif" чыкма = "сүрөттөлүш" стили = "лидерлери: сол; туурасын: 10px; бийиктиги: 50px; чек ара: 0;" />

Текст Жогоруда сүрөтү теги төмөнкү экрандын сол сүрөт көргөзмө болуп укугун бейнеси айланып агат.

Мен текст айкелдин айланасын ороп токтотууну каалаган болсо, анда мен ачык мүлктү колдонуу:


Тегиздөө ашуун пункттарда

Бирок, сиз бир пункттун же бир сүрөттөлүш да түздөп, келет, эмне болот? Сиз жөн гана ар бир бөлүгүндө бир стили мүлктү салып алган, бирок ал дагы натыйжалуураак колдоно алабыз бир теги бар:

Жөнөкөй текст жана сүрөттөр (анын ичинде курчап HTML Tags деп бөлүнүү менен) материалдар жана стили мүлктүн (жадымда же текстти тегиздөө) жана баары аны келет кандайча шайкеш болот.

бөлүштүрүүнүн пункттарына же сүрөттөрдү кошулган трассалар экенин эстен чыгарбашы теги аныктоо, адам урматка ээ болот.