文本换行不起作用

Question

我是AngularJS和Web Development的新手。

我有以下代码：

.jdContext {
  background-color: #ffffff;
  color: #428bca;
  font-weight: bold
}

.jdContextInManageResume {
  display: block;
  width: 539px;
  word-wrap: break-word;
}

<div class="col-md-4">
  <span ng-if="jdSelected" class="jdContext jdContextInManageResume" ng-show="isjdDeleted">
    <span>Company   :  {{companyName}}</span>
    <br>
    <span>JobDescription : abcd abcd abcd abdc adcdjcd cjdndjcdc cdncdcndjcdc </span>
  </span>
</div>
<div class="col-md-8">
</div>

我尝试使用wrap，但它没有被包裹。

任何人都可以帮我这个吗？

Answer 1

从width移除jdContextInManageResume。 检查下面的css是否可行

.jdContext {
  background-color: #ffffff;
  color: #428bca;
  font-weight: bold
}

.jdContextInManageResume {
  display: block;
  word-wrap: break-word;
}

Answer 2

如果它有用，你可以使用它，当你的内容没有足够的空间时，textwrap可以工作。

    .textwrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display:inline-block;
  position:absolute;
}