1回答
如果.container上没有display: flex，文本会在减小容器大小时正确截断。 ? 但是绿色的块和文本不再相邻，因为容器没有display: flex。当我将它添加到容器中时，绿色的块和文本被正确地对齐，但是文本不再被截断(省略号丢失)。 ? 如何使用flex确保块和文本对齐，并且文本在动态宽度容器中使用省略号被截断？my example codepen
浏览 18提问于2019-06-04得票数 1
回答已采纳
我正在努力实现以下目标：使用以下命令可以很容易地让省略号对一项起作用：overflow: hidden;然而，在这个例子中，我有两个项目要截断。我遇到的问题是，文本一进入div (这样我就可以应用flex-direction: column)，text-overflow: ellipsis就不工作了，因为它在容器中。如何用CSS实现上面图片的例子
浏览 9提问于2019-07-25得票数 0
2回答
如何安排多个div？
我希望这种安排是对称的，但我不知道怎么做。因为一个div可以有更多的文本，那么您推荐我做什么呢？
浏览 3提问于2021-04-14得票数 0
回答已采纳
我在中的列表页面上遇到问题离子4..。我想展示一些元素。中的文本可能非常长(它们来自后端)。我不想让它们换行，而是使用省略号("...") --见下面的截图。通常我只会设置overflow: hidden在父级上，并且white-space: nowrap; text-overflow: ellipsis;在我想要省略号的元素上。如何操作文本"This is a long text. Lorem...“它
浏览 63提问于2019-08-02得票数 1
回答已采纳
3回答
文本省略号优先级
、、、
我有一个展示灵活的容器，其中包含2个项目。这两个项目都有文本省略号以支持长文本。我想在项目之间设置一些优先级，以便让项目1在需要的时候作为匹配位置，为项目2保留一些固定的空间。这意味着-如果容器宽度是200px -项目2的最小尺寸是50px，我希望项目1达到150px (然后是文本省略号)。做这件事的最好方法是什么？ overflow: hidden; white-space: nowrap;<di
浏览 2提问于2018-12-17得票数 0
1回答
我试图创建一个布局(这将是一个音乐播放器)与flex。有谁知道如何调整这个使它正常工作吗？ display: flex;} display: inline-block
浏览 0提问于2016-10-15得票数 7
回答已采纳
我想在mat-panel-description中显示一个描述，当溢出时会显示省略号-点。我希望能够调整窗口的大小，窗口越大，我越想看到文本，窗口越小，我就越不想看到。
浏览 0提问于2018-01-25得票数 2
回答已采纳
若要让一个flex-子带省略号的文本被截断，可以给父程序一分钟，即:0。在我的项目中，子组件嵌套在几乎10个不同的flex容器中。我需要给所有的父母一个最小的宽度:0还是有一个更好的工作在附近？HTML <div class="flex-parent-parent"&g
浏览 5提问于2022-04-06得票数 0
回答已采纳
我有一个柔韧的布局，如下所示：这很好，但是当产品描述很长时，我想隐藏溢出并显示省略号。有一个包含类info-container的flex容器，它有2个flex子容器-- left (30%)和right (70%)。right div本身就是一个flex容器。; flex-direction: row;
浏览 6提问于2017-12-05得票数 0
回答已采纳
2回答
当我使用ie时
<head> ul { display: flex; li { flex-basis: 0px;
padding: 15px;
浏览 0提问于2019-07-25得票数 0
1回答
我在列表项目中有一个容器，它有一个灵活的显示。当容器中的内容也是显示flex时，容器调整大小为内容大小，而不是内容溢出。list元素如下所示。如果标签太长，列表项将相应调整大小，而不是让标签溢出。}
width: 20px; border: 1px solid red; display: flex;
#outer
浏览 0提问于2016-07-20得票数 3
回答已采纳
1回答
我正在尝试让文本省略在flex列布局中工作，在flex行中。一个用例是类似于带有图标的选项卡-所有的选项卡都需要放在一行中，并且可能会被截断，并且选项卡具有内部列布局，因此图标位于文本上方。有可能让大小调整正确工作，但我找不出一种方法让截断工作，同时保持水平灵活性。我创建了this plunkr来演示-正如您在两个选项中看到的那样，拉伸工作正常，行包装/
浏览 19提问于2019-09-19得票数 0
我需要在一行中显示类似于下面的内容(必须！)最后一个部分，描述应该显示为省略，如果它是较长的，但CompanyName应该显示始终是满的。我的集装箱宽度是310便士。它使用最大宽度或宽度，但是问题是内容是动态的，如果CompanyName是短的，描述是长的，反之亦然，那么就会出现问题，也就是说，在省略发生之前，描述应该是行的末尾。这就是为什么由于内容的动态特性，我在使用宽度或最大宽度时遇到了问题。
CompanyName:这家公司做得很好.
浏览 0提问于2018-03-06得票数 0
回答已采纳
filters">Discount</div>
border: 2px solid; display: flex;}
border: 1px solid #3c4c6b; border-radius: 50px;
浏览 11提问于2021-05-06得票数 0
如果这些项目是：.container { background-color: grey; flex-wrap:wrap: clip; background-color: pink;}
flex2</div>
<div class="item">Item 3<&#x
浏览 3提问于2020-02-13得票数 0
回答已采纳
我有带flex的容器。我希望中间的孩子占据整个空间，所以我把它设置为flex: 1。到目前一切尚好。下一个级别是中间的孩子有2个孩子，所以我也想把它设置为flex (如果你失去了我，只需跳到片段)和我设置省略号样式的第一个孩子。现在，省略号停止工作。'long long long text' : 'short';.wrapper { width: 200px;
al
浏览 0提问于2017-08-22得票数 18
回答已采纳
我想使用flexbox在一个列布局中显示一个三个div，这样它们就占据了父容器宽度的100%。我希望这些列的高度恰好为1行。center div的内容可能会溢出，所以我希望它的末尾有一个漂亮的省略号。{ flex: 0 0 25%; flex: 1 1 auto; overflow: hidden;: 0 0 25%;它在Chrome (41)和Safari中呈现得很
浏览 6提问于2015-04-11得票数 0
1回答
为什么这个小提琴中的蓝色轮廓div在没有包装的情况下会缩小到它的内容的大小，即使最小宽度被设置为一个低值？固定宽度的div必须保持在同一个容器中。我的目标是让文本在一定程度上被省略号切断，但是一旦它的宽度变小，就有它的父包。比方说100便士。请参阅小提琴( 或以下).flex { display: flex; }.grow { flex</
浏览 5提问于2022-01-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
