为什么文字超出部分不能隐藏显示省略号？

 

<view class=“txtA”>《{{item.courseName}}》</view>

.txtA {

height: 20px;

width: 100%;

float: left;

line-height: 20px;

font-family: “微软雅黑”;

font-size: 14px;

overflow:  hidden;

text-overflow: ellipsis;

white-space:  nowrap;

}