当前位置: 首页 > 面试题库 >

img、input标签它们是行内元素还是块级元素?

陈允晨
2023-03-14
本文向大家介绍img、input标签它们是行内元素还是块级元素?相关面试题,主要包含被问及img、input标签它们是行内元素还是块级元素?时的应答技巧和注意事项,需要的朋友参考一下

结论:属于行内元素,也是替换元素(行内块元素)
详说

  1. 简单的说行内元素也就是display:inline的元素,行内块元素就是display:inline-block的元素,典型的有input
  2. 它们的关系我觉得行内块元素是行内元素的一个特殊的子集,这样子一个存在。
  3. 行内元素,只有设置左右的margin和padding,不能设置高宽,它的高度取决于内部文字的行高。宽度取决于内部文字的多少。
  4. 行内块元素和块级元素的属性基本一致。可以设高宽、边距。不同在于它允许左右存在元素。而块级元素就算只有1px也不允许有元素和它共享一行。
  5. 比如:button、input、 textarea、select、 img
  6. 可以自己尝试一下给它们设置高宽,边距,自己感觉一下
 类似资料:
  • 问题内容: 我在某处读过该元素的行为类似于两者。如果正确,可以有人举例说明吗? 问题答案: 的确,它们都是-或更确切地说,它们是“内联块”元素。这意味着它们像文本一样内联地流动,但也像块元素一样具有宽度和高度。 在CSS中,您可以设置一个元素以使其复制图像的行为*。 图像和对象也被称为“已替换”元素,因为它们本身不具有内容,因此该元素实际上被二进制数据替换。 *请注意,浏览器在技术上使用(如在开发

  • 问题内容: 在标记内嵌套或任何其他块级元素在语法和语义上是否正确。我说的是HTML4过渡DTD。 如果不是,可以改为使用吗? 问题答案: 在语法上,一个里面是HTML的所有标准无效。此外,当使用符合标准的HTML解析器时,由于开头标签会自动关闭元素,因此无法将元素放置在DOM中的a 内。 从语义上来说,正确的选择取决于您要标记的内容。您将需要至少显示一个示例完整的段落以及可能包含其周围的内容,以确

  • 本文向大家介绍行内元素float:left后是否变为块级元素?相关面试题,主要包含被问及行内元素float:left后是否变为块级元素?时的应答技巧和注意事项,需要的朋友参考一下 行内元素设置成浮动之后变得更加像是 inline-block 行内块级元素,设置成这个属性的元素会同时拥有行内和块级的特性,最明显的不同是它的默认宽度不是 100%,行内元素默认 100%宽度占据一行 这时候给行内元素设

  • 问题内容: 举个例子 是在HTML5有效吗? 问题答案: 是的,您编写的内容在HTML5中有效,但并非所有内联元素,我认为这只是适用于.. 参考:HTML5中的“块级”链接 提示:如果使用此设置,则to 或可能会有意外的视觉样式结果 更新: 对于“默认样式可能会导致混淆”的其他“内联代码块”组合,则“不允许”使用-说明在这里 ### 默认样式可能导致混淆的情况 某些元素具有默认样式或行为,这些默认

  • 本文向大家介绍img标签是行内元素,为什么却能设置宽高?相关面试题,主要包含被问及img标签是行内元素,为什么却能设置宽高?时的应答技巧和注意事项,需要的朋友参考一下 https://blog.csdn.net/weixin_42051913/article/details/89478552

  • 本文向大家介绍行内元素、块级元素、空(void)元素分别有哪些?相关面试题,主要包含被问及行内元素、块级元素、空(void)元素分别有哪些?时的应答技巧和注意事项,需要的朋友参考一下 行内元素 a, b, input, span, label, button, textarea... 块级元素 div, form, table, h1...h6, p 空元素 img, input, hr, br,