Свойство CSS display управляет отображением элемента.
Возможные значения:
none — элемент не отображается на странице и место для него не резервируется, словно элемента нет.
inline — элемент отображается как строковый. С помощью этого значения можно заставить <div> отображаться как <span>. Примером элемента, который отображается как строковый по умолчанию, является <span> .
block — элемент отображается как блочный. С помощью этого значения можно заставить <span> отображаться как <div>. Примеры блочных элементов: <div>, <p>, <h1>, <h2>…
Блочные элементы занимают всю ширину страницы, а строчные элементы отображаются внутри строки, словно они являются её частью.
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!DOCTYPE html> <html> <head> <title>CSS display</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> Элемент <div> div является блочным (display:block) </div> по умолчанию. А вот <div style="display:inline;">здесь мы делаем его строчным.</div> <div style="display:none;">Этого элемента на странице не будет.</div> <div> <a href="https://urvanov.ru/2016/02/28/css-display/">CSS display</a> </div> </body> </html> |