扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
通常，内联元素的宽度不能设置。它的宽度是由它中间的内容决定的。然而，IMG是特殊的。它可以设置宽度。
从这个例子中，我们可以看到，当我们不设置宽度时，div占据了一整行，下面的文本在下一行。这是块级元素。
让我们看看下面的img，它与下面的文本一起。Span是一个内联元素。我在第一个跨度中设置了50000px的宽度，但是下面的图像仍然没有改变。我在第二个img中设置了150px的宽度，然后我们发现下面的图像变小了。
这里我们展示了img是一个内联元素，但它可以设置宽度。
如果以上内容有误，希望您能指出，谢谢
html5的标签中，哪些是行内元素，哪些是块级元？内嵌元素
span，IMG，a，label，code，input，abbr，EM，B，big，cite，I，Q，textarea，select，small，sub，sup，strong，u
块级元素
div，P，h1-h6，form，UL，ol，DL，DT，DD，Li，table，TR，TD，th，HR，blockquote，address，table，menu，pre
通过修改inline元素上CSSattributeSetdisplay:block的display属性，可以将它们转换为块级元素。其实，本质就是把它包起来。类似地，在块级元素上设置display:inline允许将其转换为inline元素。
下面的屏幕截图是一个示例：
此代码不会在标记&Lthr>前面设置转换。默认情况下，<A>和<input>标记是内嵌元素，<h1>标记是块级元素。它们的显示效果如下：
您可以看到，超链接和输入框在水平线之前的同一行上，而一堆黑色的大字和水平线在下一行上。这是因为默认的<A>和<input>标记是行内元素，而<h1>和&Lthr>标记是块级元素。在图中的水平线下，您可以找到一行超链接，因为我将其设置为块级元素，而大黑色字符和输入框位于同一行，因为我将大黑色字符<h1>标签设置为内嵌元素。请参见第一个图中的代码。
写在这里，我相信你应该了解行元素和块级元素。
行内元素，块级元素，行内块级元素之间的区别是什么？如何转换？块级元素：块级元素主要是结构标记
行内元素：行内元素主要是描述性标记
链接
换行
粗体
粗体
图片
上标
下标
斜体
斜线
下划线
文本框
多行text
下拉列表
·块级元素
1。总是从新的一行开始
2。高度和宽度可控
3。未设置宽度时，默认值为100%
4。块级元素可以包含块级元素和行内元素
·行内元素
1。其他元素都在一行中
2。高度、宽度和内边距不可控
3。宽度和高度是内容的高度，不能改变
4。内嵌元素只能包含内嵌元素，不能包含块级元素
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网