текстовая упаковка не работает

Question

Я новичок в AngularJS и веб-разработке.

У меня есть следующий код:

.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

вы можете использовать это, если это полезно, и textwrap работает, когда вашему контенту не хватает места.

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

Answer 2

Удалить width из jdContextInManageResume.Проверьте ниже CSS это будет работать

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

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