В этой статье речь пойдет о таком свойстве, как display и его значении block.
Свойство display позволяет изменить способ отображения определенного элемента на странице. Если в качестве значения задать block - тогда это приведет к тому, что любой элемент будет отображаться аналогично тегу div.
Это значит, что если не задана ширина, то она примет значение 100% и элемент станет тянутся на всю ширину. Так же это значит, что без свойства float, другие элементы не смогут оказаться слева или справа на одному уровне с этим элементом. Так же это значит, что элемент можно отцентровать при помощи свойства margin, и начинаем работать свойство padding для этого элемента.
Например, таким образом можно изменить способ отображения тега <a> или <span>. Зачем такое нужно? В случае, когда мы хотим сделать ссылку кнопкой или каким то специальным образом отобразить элемент <span>.
Рассмотрим простой пример:
Результат можно увидеть на демо-странице:
Добавить комментарий
Авторизоваться с помощью: