Width <li>根据高度适合内容- IE/Chrome？
Width <li>根据高度适合内容- IE/Chrome 是一个CSS属性，用于设置列表项（<li>元素）的宽度，使其根据内容的高度自动适应。该属性在不同浏览器中的表现可能会有所不同，特别是在IE和Chrome浏览器中。
在IE浏览器中，当设置了Width <li>根据高度适合内容时，列表项的宽度会根据内容的高度自动调整，以适应内容的长度。这意味着如果内容很长，列表项的宽度会相应增加，以确保内容不会被截断。
在Chrome浏览器中，Width <li>根据高度适合内容属性不会生效，列表项的宽度仍然会根据父容器或其他CSS属性进行计算。因此，在Chrome浏览器中，如果需要实现根据内容高度自适应的效果，可能需要使用其他CSS技术，如flexbox或grid布局。
总结：
- Width <li>根据高度适合内容是一个CSS属性，用于设置列表项的宽度。
- 在IE浏览器中，该属性会使列表项的宽度根据内容的高度自动调整。
- 在Chrome浏览器中，该属性不会生效，需要使用其他CSS技术实现相同的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Interactive Entertainment）：https://cloud.tencent.com/solution/real-time-interactive-entertainment
相关·内容
我正在尝试设置一个旋转木马，在IE和Chrome中我有一个小的显示问题(FF是OK的)。 padding:0; overflow:hidden; height:20%; </li<
浏览 9提问于2016-09-14得票数 0
我发现在IE中，如果TD或TH没有内容，那么它的大小就被认为是0 x 0像素。在Chrome中，它的高度是根据行的高度计算的，而行的高度是根据行的内容确定的。我之所以意识到这一点，是因为我试图将一个:after伪元素添加到一个没有内容的TH元素中。在Chrome中，伪元素跨越了行的高度，但在IE中，它只有几个像素高。我尝试在TD中放置一个 ，但由
浏览 88提问于2018-12-18得票数 0
我有一个iFrame，需要显示来自另一个域的内容。这工作得很好，我有iFrame之前的高度，所以可以静态设置。但在火狐或IE中查看同一页面，维基百科的页面内容呈现方式不同，它不再适合iFrame (即滚动到页面底部，文章末
浏览 2提问于2012-01-15得票数 0
基本上，如果在ul.list <=IE10中使用overflow:auto，则overflow:auto不会扩展到。我需要定位列表绝对，因为我们不能在表行上设置最大高度。另外，我不能设置max-height: 100%，因为表行总是适合它的内容。编辑：
我需要基于表格的布局，
浏览 1提问于2015-07-25得票数 1
回答已采纳
当我将鼠标放在列边缘上时，我想让一些文本浮动在它上面，就像我的IDE所做的那样：。此外，我也不介意在浮动位周围有边界。
浏览 1提问于2013-04-20得票数 7
回答已采纳
2回答
我试图生成一个网页布局，当您调整浏览器的高度时，图像都会根据高度向上或向下缩放。在下面的例子中，图像是窗口高度的10%。height="200" width="300" </li>
<l
浏览 2提问于2014-07-14得票数 0
3回答
我正在使用这段代码试图获得一个swf文件，以“适合”我的屏幕或它所在的任何屏幕，但我有一个问题。当使用这段代码时，在Chrome和IE中的播放器都伸展到适合屏幕，但高度不是，它没有填满屏幕高度，为什么宽度是正常的，而高度不是?！<style> width:100%;} </
浏览 11提问于2014-03-15得票数 0
我正在创建一个仪表板，它应该适合两列屏幕上的内容。屏幕上的元素将是动态的，大小不同，每个元素的大小都会随着时间的推移而变化。因此，我选择了一个多over布局，这将垂直填充这些列，并将内容均匀地分布在这两列上。。在计算li元素在列上的分布方式时，Chrome似乎不尊重新的容器高度。有趣的是，如果我用id=&qu
浏览 8提问于2014-11-16得票数 2
回答已采纳
我需要保留此代码，以便自动填充表格单元格(除非有其他方法可以这样做)： width: 350px; width: 100%;}
display: table-cell;}
菜单不会有其他的子级
浏览 0提问于2013-05-23得票数 0
回答已采纳
给定以下代码<div style="display:table;border:solid 1px red;width:100%;height:100%">
<div style="display:table-row;border:solid 1px blue">根据表格单元格的可用大小正确地调整内容</e
浏览 2提问于2014-03-09得票数 1
1回答
我已经做了一些研究，并在这个网站上找到了一种方法：
在Chrome和Firefox中，这是可行的，但在IE.我开始查找它不能工作的原因，它说它必须对encodeURIComponent用户做一些事情，这将不会在IE中以同样的方式工作，这可能就是它不受支持的原因。有没有人知道是否有办法使这个方法在IE中也能工作？还是有完全不同的方式使用复杂的SVGs，可以在任何浏览器上工作？_1" xmlns="http://www.w3.org/2000/svg
浏览 1提问于2016-04-13得票数 2
我有一个网站，其中Internet Explorer10完全忽略了显式设置的宽度和高度属性，而是支持实际的图像大小。inline;" width="64" 但它在IE<
浏览 0提问于2012-09-21得票数 24
回答已采纳
2回答
标题说明了一切，而在不同的浏览器中，高度: 61%；在IE中工作得很好，似乎它自动设置高度完全忽略了我的CSS。如果我尝试将其设置为像素，它可以正常工作，但我希望高度适合较低的分辨率，所以我需要在这里使用61%。代码：{width: 70%; /*990px*/border-width: 0px;
margin
浏览 2提问于2013-10-13得票数 7
回答已采纳
我有一个DIV元素，我可以在其中添加和删除内容，根据我的读数，scrollHeight属性是DIV内容高度的度量。我有一段javascript代码，它根据scrollHeight属性将DIV设置为特定的高度： { } {
div.style.heigh
浏览 0提问于2011-10-26得票数 0
="#">The Loop</a></li> <li><a href="#">Twitter</a><--social-->#social {
-ms-transform:
浏览 2提问于2015-01-04得票数 1
回答已采纳
1回答
我正在尝试使我的div main.wrapper适合视口的高度，并带有溢出。它可以在Safari和Google Chrome上运行，但当使用IE或Edge打开并调整到较小的高度时，它会成为一个bug。
有没有办法解决这个问题，并防止正确的内容超过100%的高度？
浏览 4提问于2016-08-23得票数 1
回答已采纳
我创建了一个极小高度的div标签，并给背景颜色‘红色’。但在mozilla上，当内容超过最小高度限制时，div的高度不会增加。这是我的代码：ul { padding:0px;}
width:250px;}
浏览 4提问于2012-12-27得票数 14
回答已采纳
2回答
单元格有固定的高度，div相对高度:100%。td { width: 80px;.cell_text { vertical-align: middle; height: 100%;}当我改变div的内容，并且div的高度大于单元格的高度时，问题就出现了IE<
浏览 1提问于2012-12-21得票数 1
当我试图调整导航栏的宽度以与页面的其余部分齐平时，我遇到了一些麻烦，但由于某种原因，它似乎把高度抛到了一边。
任何建议都将是有益的，并非常感谢！
浏览 1提问于2010-07-28得票数 2
回答已采纳
我不能让自动高度为FF或Chrome工作。它在IE中运行良好，但在FF和Chrome中，它基本上使div的高度与页面本身一样多，即使内容不填充元素。它只会在实际内容下留下一个巨大的空白区域。Indiana</u> </div> <div id = "menu">
</d
浏览 3提问于2012-09-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
