有趣
有趣
  • 发布:2015-01-25 22:45
  • 更新:2015-01-25 23:04
  • 阅读:5316

mui-ellipsis-2的问题

分类:MUI

mui-ellipsis一行是正常的,无论输入的是汉子还是字母,当使用mui-ellipsis-2时,输入字母会自动换行,而且无法实现文字省略效果。

html代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
<script src="js/mui.min.js"></script>
</head>
<body>
<p class="mui-ellipsis" style="font-size:1em;color:#5c5c5c;width: 100px;">
大a家好abasdd深达声!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!大家好!
</p>
<p class="mui-ellipsis-2" style="font-size:1em;color:#5c5c5c;width: 100px;">
asds深达声adasdsadasssssssssssssssssssdassdaasdasdsad
</p>
</body>
</html>

效果:

2015-01-25 22:45 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

下个版本修复此问题,目前你可以自己手动加个css

.mui-ellipsis-2{  
                  word-wrap: break-word;  
            }

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