css - 哪里需要设置显示 block ,哪里不需要

标签 css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我的问题是我需要在哪里设置display:block;到一个元素?我在页眉部分和页脚中使用,但我的问题是我在图像和文本中有一些框需要设置显示 block

header,section,footer{display:block;}

为 ul 类元素设置它?哪里可能没有设置显示 block

.box{display:block;}

最佳答案

这里是关于行内元素和 block 元素的简要细节....

内联元素:

  1. 尊重左右边距和填充,但顶部和底部
  2. 不能设置宽度和高度
  3. 允许其他元素位于它们的左右两侧。

block 元素:

  1. 尊重所有这些
  2. 在 block 元素之后强制换行

行内 block 元素:

  1. 允许其他元素位于它们的左右两侧
  2. 尊重顶部和底部的边距和填充
  3. 尊重高度和宽度

block 元素示例:

<p>, <div>, <form>, <header>, <nav>, <ul>, <li>, and <h1>.

enter image description here

内联元素示例:

<a>, <span>, <b>, <em>, <i>, <cite>, <mark>, and <code>.

enter image description here

see the good article on display block and inline elements

关于css - 哪里需要设置显示 block ,哪里不需要,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24096665/

上一篇:javascript - 免费托管网站如何运作?

下一篇:javascript - 转换 : JQuery Mobile Not Recognizing Theme

相关文章:

jquery - 如何将图像隐藏到图像的中心点

jquery - jqGrid 上的 prettyCheckable 不起作用

html - 对齐容器内的上下文

html - 移动 chrome 中的窗口高度 100%

jquery - 如果由 jQuery 设置,CSS3 2D 转换不适用于 IE9

android - 为什么我的按钮在我的设备上运行时是透明的?

html - 需要按顺序淡入淡出文本

html - 溢出自动容器内的元素没有正确的宽度(所有组合的子元素)

CSS3 : Transition hover and animation rotation bug

css - 这个间距从何而来?