- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
从第二个条目可以看出,如果文本太长就会溢出列表。
我尝试了几种方法来尝试正确显示,包括溢出:隐藏,自动换行和其他。我的问题是,只有当我点击第二个属性时,这些样式才会真正产生效果,如下所示:
但是我的类(class)没有使用 .selected 选择器,所以这看起来很奇怪。
以下是我的 HTML 和 CSS 的一些代码片段:
<div class="list_header">
<div class="col-xs-4 list_content">
<span><b>Attribute</b></span>
</div>
<div class="col-xs-6 list_content ">
<b>Value</b>
</div>
<div class="col-xs-2 list_content ">
<b>Unit</b>
</div>
</div>
<ul context-menu data-target="metadata_list_menu" ng-class="{ 'highlight': highlight, 'expanded' : expanded }" class="selectable general_list_item">
<li class="ui-widget-content ui-selectee metadata_item" ng-class-odd="'light_back_option'" ng-class-even="'light_back_option_even'" ng-repeat="avu in available_metadata" on-last-repeat>
<span class="q_column size1 metadata_attribute">{{avu.avuAttribute}}</span><span class="q_column size2 metadata_value">{{avu.avuValue}}</span><span class="q_column size3 metadata_unit">{{avu.avuUnit}}</span>
</li>
</ul>
CSS:
.q_column{
position: relative;
display: inline-block;
border-right:1px solid #C7C9C7;
}
.size1{
width:33%;
}
.size2{
width:50%;
word-wrap: break-word;
}
.size3{
width:17%;
}
最佳答案
.size2 {
width:50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
就是这样
关于html - 如果文本太长,列表文本会溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44684517/
在我们的服务出现一些预期的增长之后,突然间一些更新花费了非常长的时间,这些过去非常快,直到表达到大约 2MM 记录,现在它们每个需要大约 40-60 秒。 update table1 set fiel
我在服务中实现了一个传感器事件监听器,只要采样周期和最大报告延迟低于 1 秒,该监听器就可以正常工作,但一旦我将采样周期增加到超过 1 秒,传感器就根本不会更新。 我希望采样周期为 10 秒(可能是
我使用 Tkinter GUI 来启动测量和分析过程,基本上只需单击一个按钮即可开始。由于这些测量可能需要一段时间,我尝试添加一个进度条,即这个: http://tkinter.unpythonic.
我正在尝试使用套接字发送数据包,但出现错误。 invalid conversion from ‘omnetpp::cPacket*’ to ‘inet::Packet*’ [-fpermissive]
我刚刚发现 String#split 有以下奇怪的行为: "a\tb c\nd".split => ["a", "b", "c", "d"] "a\tb c\nd".split(' ') => ["a
您好,我正在尝试 ClojureScript,我正在使用 Klipse作为我的 REPL 差不多。这可能不是它的预期用途,但因为我没有做任何太复杂的事情,所以现在没问题。 我遇到的一个问题是尝试设置计
根据下面的数据,ClockKit 会生成一次 future 的 CLKComplicationTimelineEntry 项,但对于过去的时间点,会进行 24 次调用!这是为什么? 更多详情: 我注意
我有一个 MySQL 表,这个表有一个名为 datetime_utc 的 DATETIME 列。如您所料,它是 UTC 日期和时间。在我的 Bookshelf 模型中,我定义了一个虚拟 getter,
大家好,我是二哥呀! 昨天,一位球友问我能不能给他解释一下 @SpringBootApplication 注解是什么意思,还有 Spring Boot 的运行原理,于是我就带着他扒拉了一下这个注解的源
我是一名优秀的程序员,十分优秀!