Question

目标：我有一个长文本存储在一个变量中，我需要将其显示为按钮中的文本。由于这是一篇很长的文字，我想把它包起来示例：
说变量是$scope.buttonText，包含一个长文本（比如100个字符）视图中的按钮代码（使用角度材质）是：

<md-button ng-click="someFunc()" style="width:300px;">
{{buttonText}}
</md-button>

预期输出是指按钮中的文字应在300px之后换行但上面代码的实际输出是300px后文本没有换行。它只是继续并打破按钮。溢出的文本被隐藏现在，我尝试使用它上面的一些CSS属性，如white-space: normal;，但它似乎根本不适用于文本。
我认为这是因为文本实际上是$scope变量有人可以帮我收看按钮中的文本，该按钮的宽度固定为300px吗？高度没问题。
一个PLUNKR来重现问题。请有人建议改变。

Answer 1

.appText {
    width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
      display: inline-block;
}

<button style="width:300px;">
<span class="appText">sssssssssssssssssssxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxsssssssssssssssss</span>
</button>

Angularjs中的按钮文本换行

1 个答案: