IE 10 flex框和文本截断
IE 10是微软推出的一款网页浏览器，而flex框是一种用于网页布局的CSS属性。文本截断是指当文本内容过长时，将其截断显示。
在IE 10中，flex框是通过设置display属性为flex来创建的。它可以实现灵活的网页布局，使得网页元素能够自适应屏幕大小和内容变化。通过设置flex属性，可以控制元素在flex容器中的占比。
文本截断是一种常见的处理长文本显示的方法。当文本内容超出容器宽度时，可以使用CSS属性text-overflow来截断文本，并通过设置overflow属性为hidden来隐藏超出部分。同时，可以使用white-space属性来控制文本的换行方式。
以下是对应的腾讯云产品和产品介绍链接地址：
- 腾讯云CSS：腾讯云提供的云服务器，可用于搭建网站和应用程序。产品介绍链接：https://cloud.tencent.com/product/css
- 腾讯云CDN：腾讯云提供的内容分发网络，可加速网站的访问速度。产品介绍链接：https://cloud.tencent.com/product/cdn
- 腾讯云云数据库MySQL版：腾讯云提供的MySQL数据库服务，可用于存储和管理数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器负载均衡：腾讯云提供的负载均衡服务，可将流量分发到多台云服务器上，提高网站的可用性和性能。产品介绍链接：https://cloud.tencent.com/product/clb
- 腾讯云云安全中心：腾讯云提供的云安全服务，可帮助用户保护云上资源的安全。产品介绍链接：https://cloud.tencent.com/product/ssc
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
2回答
background: tomato; display: flex; white-space: nowrap;title title <div class="right"> </div>
我有一个内部有两个DIV的DIV (wrapper)：left和right如果不合适，我想截断left DI
浏览 6提问于2018-02-06得票数 0
回答已采纳
我在li元素中有display:flex的ul元素和display:flex的锚点，但是当宽度受到限制时，锚点中的文本会被截断。测试用例：.list-elementdisplay: block; padding: 10px;.li
浏览 0提问于2016-12-02得票数 0
在我的html页面中，我使用accordion，在accordion的内容中，我有一个选择框。它和firfox，ie10，chrome都能很好地工作。但在IE9中，它会截断选择框中的文本。它只显示预选值的文本的第一个字母。如果我在选择框中单击，我可以看到整个文本。
谁能告诉我，如何解决这个问题？这似乎是一个手风琴的问题，因为如果我把选择框放在手风琴之外，选择框也可
浏览 0提问于2013-08-26得票数 0
当文本太长时，我使用下面的css来截断文本。布局使用flex，它在Chrome上工作得很好，但在IE10上有3个点(...)不显示，并且文本被简单地剪切。title { overflow: hidden; word-wrap: normal当我在IE10即使我手动添加它，它也不会应用到元素上，就像IE<e
浏览 1提问于2017-06-24得票数 3
按钮中的文本应该在中央，但是它显示在顶部，使用internet，有什么问题吗？ height: 100px;<div class="container"> <div>icon</div></div&g
浏览 3提问于2018-06-01得票数 0
回答已采纳
我试图使用flex CSS属性将一组元素放入一个整洁的小框中。
它在IE中运行得很好，但在Chrome中
浏览 5提问于2013-04-10得票数 2
1回答
我一直在使用空格:无包装、文本溢出:省略和溢出:隐藏的CSS属性来创建多行文本的省略截断。然而，当使用flexbox时，这是行不通的。当使用flex时，文本溢出:省略似乎总是将flex项的高度截断为一行。
浏览 5提问于2016-08-16得票数 3
在html中，我有一个按钮，其中包含两个图标和一个带文本的span。在css中，如果文本太长，我会使用flex和溢出属性来截断文本。除了IE之外，该代码对所有浏览器都很好。</div>CSS max-width: 100px; width: 100%;
span
浏览 4提问于2017-11-07得票数 4
回答已采纳
2回答
我正在尝试设置一个布局，如果/当左边列中的文本没有空间时，它将被截断，但是右边列中的文本总是会全部显示。div class="sibling"><sibling></div></div>
border: 1px solid black}
border: 1px dashed
浏览 7提问于2016-08-09得票数 2
回答已采纳
我正在使用EXTJS 4 (4.2.1.883)，在不同的浏览器(Chrome、IE和Firefox)上，在不同的浏览器(Chrome、IE和Firefox)上遇到了qtips和消息框的问题--文本正以不同的长度被截断在不同浏览器上以不同长度截断文本字段的qtips，以下是我为一个文本字段设置的内容，在firefox中，我将得到“New”
msgTarget：'side'，max
浏览 3提问于2014-08-07得票数 0
回答已采纳
2回答
根据，span flex项( flex容器的子级)应该转换为display:block。Internet 10不应用此转换，因此flexbox不适用于span (内联)元素。
浏览 1提问于2014-02-25得票数 2
回答已采纳
1回答
我想截断多个文本元素。如果调整浏览器窗口的大小，蓝色框将向左移动，在FIRST中，绿色框中的文本应该被截断。如果在绿色框中没有任何需要截断的内容，那么红色框中的文本应该被截断。我已经在display:flex上试过了，但是绿
浏览 1提问于2020-06-02得票数 1
回答已采纳
2回答
在一个用display:inline-flex定位的容器中，我有几个相邻的html元素。这对于按钮元素很有效，但是只要我尝试添加一个input type="text"元素，文本框就被放在按钮下面(仅在Internet Explorer11中；不确定是否使用IE10或更低版本)。它在Firefox，Chrome，甚至Edge中都能像预期的那样工作(文本框和按钮在同一行)。
我怎样才能让IE正确地显示它？查看jsFid
浏览 0提问于2017-04-16得票数 9
回答已采纳
1回答
如果.container上没有display: flex，文本会在减小容器大小时正确截断。 ? 但是绿色的块和文本不再相邻，因为容器没有display: flex。当我将它添加到容器中时，绿色的块和文本被正确地对齐，但是文本不再被截断(省略号丢失)。 ? 如何使用flex确保块和文本对齐，并且文本在动态宽度容器中使用省略号被截断？my example codepen
浏览 18提问于2019-06-04得票数 1
回答已采纳
1回答
问题是，在IE10中，行中列的宽度计算错误，它似乎添加了列边缘的宽度(总共80px)，但在火狐和Chrome中，它计算得很完美，适合1260px内的所有内容。; display: -ms-flexbox; box-orient: vertical; -moz-flex-direction: row;
浏览 0提问于2015-04-10得票数 17
回答已采纳
我想取得这样的结果：
我有一个列表集合，其中包含一个类别列表。类别可以有可变数量的子类别。
我试着使用-webkit列计数，它将我的列表划分为列，但在列之间分解子类别列表。@if (Model.Categories.Count > 0)<ul>{
<a hre
浏览 2提问于2014-05-27得票数 0
回答已采纳
2回答
我有一组框，每个框包含一些文本和一个图像。每个框的大小必须在100px到200px之间。文本最多可以为2行，否则将被截断。我想要最小化我的框的宽度，以便文本在可能的情况下换行而不截断。换句话说，如果文本截断或占据了整整两行，则框应该只有200px宽。在文本部分设置类似于width: max-content的内容会使框在包装前达到200px。hid
浏览 28提问于2021-08-09得票数 0
2回答
我目前正在修改一个flex GUI来给它一个新的外观。我是flex的新手，但我设法完成了大部分工作。然而，我对组合框有一个问题:我使用相当大的字体，一些字符的底部被截断(例如，“g”，或者任何低于基线的字符)：
我最初认为这是组件高度的问题，但即使高度非常大，字符也会被截断，文本上下有很大的空格编辑:我使用Flex3和Halo/MX组件
浏览 7提问于2011-08-25得票数 1
回答已采纳
text: 'Email', menuDisabled: true, dataIndex'email', xtype: 'textfield', flex
浏览 5提问于2019-10-25得票数 1
回答已采纳
2回答
：
当窗口水平缩小时，最右边框中的文本应开始插入新行：
当文本不能再分解成更多的线条时，挠性框本身就应该开始中断：
这在大多数现代浏览器中都很好，但我们的朋友IE11却不行。在IE11中，当更改屏幕大小时，文本包装得很好，但是flex-子程序根本不包装。我还应该说，我只需要在最新的浏览器上工作(技术上只适用于某些版本的Chrome和IE11，但其他浏览器和版本也可以工作)。下面是一个，完整地显示了这
浏览 5提问于2017-10-27得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
