课程: CSS Essential Training

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Inline, block, and display

Inline, block, and display - CSS教程

课程: CSS Essential Training

开始一个月试用 购买团队方案

Inline, block, and display

“

- As we've been building out our projects and doing CodePen examples, you may have noticed that HTML elements are arranged in certain ways. For example, why do links line up side by side while headings and paragraphs stack on top of each other? That's because every HTML element falls into two categories, block or inline, which determine how they occupy space on the page. Block elements are the same height as the content contained between their tags, but they span the entire width of their containing element even if the content itself does not. This is why block elements always start on a new line. Most elements are block elements. Some commonly used ones are paragraphs, headings and sectioning elements like article and section. Inline elements are the same size as their content. They're also displayed in a line, side by side starting from the left. The elements will wrap to the next line only if the content can't fit on the…

内容