网格中的引导内容包装
网格中的引导内容包装
提问于 2015-11-06 03:23:11
我正在设计一个模板，这个设计的问题是当我调整浏览器的网格高度以适应其中的内容时，如下所示。
这是它的demo。
我使用了text-overflow的属性，内容现在被包装了，但即使下面还有空格，它也只使用了一行。
因此，我希望使用与image相同的高度，然后当我调整浏览器大小时，text-overflow属性的工作方式应该如下所示
我不确定我应该使用哪个css属性来解决这个问题，我非常感谢能得到的任何帮助
谢谢
回答 4
Stack Overflow用户
发布于 2015-11-06 03:35:25
您应该在容器内使用css属性text-overflow: ellipsis;。
有关refer to MDN的更多信息
Stack Overflow用户
发布于 2015-11-06 03:35:06
用一个span class=" text -nowrap".The类围绕它。text-nowrap是Bootstrap的文本对齐辅助类之一，由以下几个类组成：
.text-nowrap {
white-space: nowrap;
}Stack Overflow用户
发布于 2015-11-06 03:55:21
尝试将.container-fluid用于全宽容器，以跨越视口的整个宽度。
div class=“容器-流体”
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33558912
复制
相似问题
引导网格不正确包装？
不到12列的引导网格包装
引导网格内容位置
引导响应表内容包装
引导网格中的中心行内容
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
