peak
peak
  • 发布:2015-11-03 17:54
  • 更新:2017-05-20 10:07
  • 阅读:4908

TAB式选项卡中list(列表)文本怎么实现自动换行

分类:MUI

TAB式选项卡中list(列表)中的文本默认只能在一行显示,超出一行的,以省略号显示,我如何才能实现不截取,超出的内容换行?找了好久没找到要修改的样式?

<div class="mui-content">
<div id="slider" class="mui-slider">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1mobile">图文</a>
<a class="mui-control-item" href="#item2mobile">视频</a>
</div>
<div class="mui-slider-group">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<a href="javascript:;">
<img class="mui-media-object mui-pull-left" src="../img/train_list_test1.png">
<div class="mui-media-body">
<span style=" font-size: 18px;">此处文本只能显示一行,超出部分会截取,怎么才能实现换行,找了好久没找到要修改的样式?</span>
<p class='mui-ellipsis'>2015-3-6</p>
</div>
</a>
</li>
</div>

2015-11-03 17:54 负责人:无 分享
已邀请:
peak

peak (作者)

已经解决了,
添加
.mui-slider .mui-slider-group .mui-slider-item.mui-control-content span {
white-space: normal;
}

<span style=" font-size: 18px;">这样文本就会换行了</span>

努力加载中

努力加载中

添加到哪里

skysowe

skysowe

用了各种换行方法都不管用,用1楼的方法ok了

加在li的样式上
word-break: break-all; /*如果单词超过宽度了,整个单词打散,超过的部分换行 /
white-space: normal; /
重点是这个属性 */

该问题目前已经被锁定, 无法添加新回复