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>
3 个回复
peak (作者)
已经解决了，
添加
.mui-slider .mui-slider-group .mui-slider-item.mui-control-content span {
white-space: normal;
}
<span style=" font-size: 18px;">这样文本就会换行了</span>
努力加载中
添加到哪里
skysowe
用了各种换行方法都不管用，用1楼的方法ok了
加在li的样式上
word-break: break-all; /如果单词超过宽度了，整个单词打散，超过的部分换行 /
white-space: normal; / 重点是这个属性 /