Firefox中list元素中inline元素内的block元素的行为
在Firefox中，list元素中的inline元素内的block元素的行为是根据CSS规范来确定的。具体行为取决于以下几个因素：
- CSS盒模型：block元素会生成一个块级框，而inline元素则生成一个行内框。行内框会根据内容自动调整宽度，而块级框会占据一整行的宽度。
- display属性：block元素的display属性通常设置为"block"，而inline元素的display属性通常设置为"inline"。这意味着block元素会独占一行，而inline元素会与其他行内元素在同一行显示。
- 嵌套关系：如果block元素嵌套在inline元素内部，那么block元素会破坏inline元素的行内特性，将其强制转换为块级元素。这意味着block元素会独占一行，并且不与其他行内元素共享同一行。
总结起来，Firefox中list元素中的inline元素内的block元素会独占一行，并且不与其他行内元素共享同一行。这种行为符合CSS规范，并且可以通过CSS属性和样式来进一步控制元素的布局和显示效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟现实（VR）：https://cloud.tencent.com/product/vr
相关·内容
1回答
Firefox中list元素中inline元素内的block元素的行为
html、css、firefox、html-lists
li元素包含内联子元素，其中块作为内联子元素在Firefox中的行为与在chrome中的行为不同。<div>Block</div>
<div style="display: inline"&
浏览 4提问于2017-01-19得票数 2
1回答
由于Firefox中的长内嵌块而分离的边框
html、css、firefox
如果我在火狐的跨度中放入一个很长的display: inline-block元素，内容就会被推到下一行。但是，left-border停留在前一行，将其从边框内容中分离出来。如何让Firefox具有与Chromium相同的行为？上下文:我有一个inline-block span，由MathJax在段落中的一个带边框的span中提供。所以，是的，内<
浏览 0提问于2015-03-21得票数 0
3回答
display: inline-block中的块级元素
html、css、cross-browser
我尝试将一些(垂直堆叠的) display:block元素放入display:inline-block元素中。根据CSS规范，inline-block元素应该是一个包含块，所以它可以在其中包含display:block元素，并且这些元素不应该影响布局的其余部分。然而，display:display内的b
浏览 0提问于2009-03-03得票数 13
回答已采纳
1回答
inline-block元素内的line height元素
html、css
</ul> <li></li></ul>
<div> 我一直习惯使用这种方法，直到我需要在line-height元素中插入一个内联块元素(因为我需要定义一些固定宽度的元素)。在本例中，inline-block<e
浏览 24提问于2019-01-23得票数 0
回答已采纳
2回答
Chrome中的Range.setStartAfter()无法正确处理跨度或内联元素
javascript、html、google-chrome
我有一个内容可编辑的div。这在IE和firefox中可以正常工作，但在chrome中不能。在Chrome中，插入符号在span标记的末尾，而不是在它之后。请注意，如果单击focus然后开始键入，您将处于范围内，而不是像在IE和firefox上那
浏览 0提问于2016-02-13得票数 4
1回答
将插入符号定位在可满足的Chrome大线条高度中。
html、css、contenteditable、quill
macOS上的Chrome和Linux上的Chromium在单击可编辑区域内以获得更大的线条高度时，不会明智地定位插入符号。如果在行之间单击，则插入符号的
浏览 0提问于2019-07-01得票数 12
回答已采纳
2回答
如何避免在动态插入时两个表之间出现换行
jquery
下面是将两个表附加到DIV的jQuery代码。var str = "<table><tr><td>Hello</td></tr></table>";但默认情况下，这两个表是以两行的形式出现的
浏览 4提问于2011-12-26得票数 1
回答已采纳
3回答
我怎样才能让一个DIV表现得像一个IMG，作为一个CSS精灵？
html、css、css-sprites
我已经编写了基于页面中的IMG标记自动创建CSS精灵的代码，并将它们替换为DIV(我认为是)合适的CSS，以便将精灵图像定位为背景，让适当的部分显示出来--问题是我不能让DIV表现为IMG的替代产品。如果我将默认的“display”值设置为“block”，那么如果原始IMG位于某些文本的末尾，则替换的DIV将跳到文本之后的下一行(当然，这也是我期望使用display: block来
浏览 0提问于2008-11-11得票数 12
回答已采纳
2回答
HTML5 -在<a>火狐中封装<li>的问题？
firefox、html
当我这么做的时候。class="#"> <li>#</li> </ol> </li>
它在Firefox中像这样呈现它...
浏览 0提问于2011-04-18得票数 6
回答已采纳
1回答
在Chrome中调整“`textarea`”的大小会添加一个内联CSS属性“adds”，但是Firefox没有添加它.为什么？
html、css、textarea
我有以下示例代码：div { padding: 5px;}
displayFirefox中的行为(版本72)：当我调整textarea的大小时，内联CSS属性width和height将添加到textarea元素中。有人知道Chrome和Firefox为什么会有不同的<em
浏览 1提问于2020-02-13得票数 1
回答已采纳
1回答
表行中绝对定位元素的垂直对齐在Chrome中得到不正确的高度
html、css、vertical-alignment
我有一个奇怪的问题，一个绝对定位的元素设置为100%的高度。在Firefox中，元素的高度变为其父元素(有position:relative)的高度，而在Chrome中，元素的高度则向下延伸到父元素之上。{ top:0; backgrou
浏览 1提问于2016-05-16得票数 1
回答已采纳
2回答
为什么active元素在firefox中有工件？
html、css
我使用一个表创建了一个导航栏，但是在firefox中，活动/聚焦元素在上面显示了一些类似于back ( `)的内容(我认为它们实际上呈现得很糟糕)：他们为什么在那里，我怎么才能摆脱他们？
浏览 4提问于2014-02-21得票数 2
回答已采纳
2回答
我的导航内有以下结构：元素的css是：li { height: 23px; *display: inline;我如何在ul内垂直地将李的中心对准？编辑：a元素是li元素<em
浏览 1提问于2011-04-16得票数 0
1回答
为什么在WebKit上使用:前高度时，对齐标记列表是不同的？
html、css、list、google-chrome、webkit
代码：
li:before { content: " "; background-color: #ccc;<!
浏览 2提问于2016-09-17得票数 3
回答已采纳
1回答
在行内块元素上使用方框对齐使文本垂直居中
html、firefox、css、webkit
我尝试在一个内联块元素中垂直居中文本(特别是在webkit浏览器中)。几乎与元素的开箱即用功能完全相同。我试过使用box-align，就像在这个问题中一样，但我不想在元素上设置显式宽度:我希望它适合它的内容，即我希望display: inline-block类型的行为。在Firefox中，-moz-box似乎是我想要的行为方式，
浏览 0提问于2012-07-18得票数 0
回答已采纳
1回答
绝对定位在Chrome 76+中放置不同位置的内联元素
html、css、css-position、chromium、display
问题示例
在Firefox (69)和Chrome (76+)中查看下面的片段。看来Chrome正在将display模式从inline-block/inline改为block (在计算元素放置位置之前请参阅，而火狐和旧版本的Chrome则相反。Chrome 76 (意外<em
浏览 0提问于2019-09-06得票数 2
回答已采纳
1回答
我用CSS (transform)制作了一个动画，当动画结束时它会重置
html、css、css-animations
我有下面的结构，我的问题是，当替换结束时，它只是重新启动，我想知道它是否只是停止nad等待在鳍中，而它的徘徊，谢谢，这是代码： <ul class="lista> <li> </li>
浏览 1提问于2014-10-12得票数 1
回答已采纳
3回答
在Firefox中，单击可聚焦元素内的绝对元素不会聚焦可聚焦元素，除非它具有CSS位置
css、firefox、position、focus、css-position
Context:可聚焦元素内的绝对元素。你知道这是不是一个已知的bug？this is just so that the squares are similarly displayed */ position: relative;
display:
浏览 0提问于2015-02-28得票数 11
2回答
inline (非inline-block)行为元素的最小宽度
javascript、jquery、html、css
我想在一个可内容编辑的div上设置最小宽度，旁边还有一些必须与div保持内联的元素。
我见过的每个解决方案都使用内联块，但我不能使用内联块行为。当inline-block开始包装时，它的行为仍然像一个block元素，我需要div作为一个inline元素。我想解决方案需要的不仅仅是CSS，但是当div的文本发生变化时，似乎很难设置
浏览 3提问于2012-07-20得票数 1
回答已采纳
6回答
为什么<fieldset>不能是挠性容器？
html、css、flexbox
我尝试用display: flex和display: inline-flex来设计一个display: flex元素。然而，它没有奏效：flex的行为类似于block，而inline-flex的行为类似于inline-block。是虫子吗？我发现fieldset不应该有任何特殊的行
浏览 10提问于2015-01-21得票数 233
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
