Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Изглед: 11596|Отговор: 0

[HTML/HTML5] HTML margin и вътрешното допълване на полета са обяснени подробно

[Копирай линк]
Публикувано в 30.10.2014 г. 16:21:55 ч. | | |

Свойството на пълнене дефинира пространството между границата на елемента и съдържанието му.

Това свойство може да приема 4 стойности:

•Ако е зададена стойност, например div {padding: 50px} - всички четири страни на допълването са 50 px.
•Ако са зададени две стойности, като div {padding: 50px 10px} - горната и долната подплата са 50 px, а лявото и дясното пълнене са 10 px.
•Ако зададете три стойности, като div {padding: 50px 10px 20px} - горното и долното пълнене са 50 px, лявото и дясното е 10 px, а долното е 20 px.
•Ако зададете четири стойности, като div {padding: 50px 10px 20px 30px} - горната подплата е 50 px, дясната подплата е 10 px, долната подплата е 20 px, а лявата подплата е 30 px.


DIV CSS margin се отнася до полето на думата за CSS атрибута, а margin е маржът, който задава четирите страни на обекта, без фонов цвят и без цвят на фона.
1. Синтаксис на маржин
Margin:10px
Стойността на margin е число + html единица, а може да бъде и автоматично (автоматично, адаптивно)
2. Структура на приложението
Div{margin:10px}
Задайте div обекта на разстояние 10px
3. Описание на полетата
margin е разстоянието между външния ръб на обекта и епитаксиалния ръб.
Има три ситуации, в които стойността на margin може да бъде положително цяло и отрицателно цяло число и да се добави единица като PX пиксели (margin-left: 20px); auto може да се използва като автоматичен атрибут (margin-left: auto auto); Може да бъде процентна (%) стойност (margin-left: 3%).
Разширяване на полета (задайте четиристранната дума за атрибут с четиристранно разстояние)
обект margin-ляв ляв полет (margin-left:5px; Ляво разширение 5px)
margin-detable Дясното поле на обекта (margin-detable:5px; Дясно разширение 5px)
margin-top обект (margin-top:5px; Горно епитаксиално разстояние 5px)
обект margin-bottom (margin-bottom:5px; По-ниско епитаксиално разстояние 5px)




Предишен:Как да премахна долната част на хипервръзка в html?
Следващ:Гледайте как ученици от началното училище играят LOL и убивайте всичко за секунди! (Последен оригинал на играча)
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.

Mail To:help@itsvse.com