HTML CSS 정당화 트릭은 angularJS와 함께 작동하지 않습니다.

로빈 팀만

정당화되어야 할 내부 요소를 가진 요소를 만들려고합니다.

이제 AngularJS를 사용하여 요소를 생성 할 때 text-align justify가 더 이상 작동하지 않는 문제입니다.

나는 그것을 시뮬레이션하는 예제를 만들었습니다.

http://jsfiddle.net/2AaWf/1/

.container {
   text-align: justify;
}
span, a {
   display: inline-block;
}

AngularJS 또는 CSS로 변경할 수있는 것이 있습니까?

어떻게 할 수 있습니까?

AngularJS 코드 :

<a ng-repeat="tag in tags" href="#">{{tag.name}}</a>

태그는 자바 스크립트 배열 일뿐입니다.

[{"id":"1","name":"Tag name","count":"1","weight":2}]
로렌조 마르 콘

이 바이올린을 살펴보십시오. http://jsfiddle.net/2AaWf/10/

라이브 AngularJS 예제도 포함했습니다. 아이디어는 래퍼 요소 (스팬)를 사용하고 그 안에 링크와 공백을 넣는 것입니다.

<span data-ng-repeat="tag in tags" href="#"><a href="#">{{tag.name}}</a> </span>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

AngularJS Material과 Toastr CSS가 함께 작동하지 않습니다.

분류에서Dev

pyautogui와 일정이 함께 작동하지 않습니다.

분류에서Dev

JQuery : fadeIn ()은 appendTo ()와 함께 작동하지 않습니다.

분류에서Dev

-not -name은 찾기와 함께 작동하지 않습니다.

분류에서Dev

WPF와 Workflow Foundation은 함께 작동하지 않습니다.

분류에서Dev

ifelse 문은 날짜와 함께 작동하지 않습니다.

분류에서Dev

JLabel은 ButtonHandler와 함께 작동하지 않습니다.

분류에서Dev

group_concat은 count와 함께 작동하지 않습니다.

분류에서Dev

이벤트와 함께 작동하지 않는 angularjs를 클릭하십시오.

분류에서Dev

fs.writeFile은 경로와 함께 작동하지만 fd 인수와 함께 작동하지 않습니다.

분류에서Dev

사용자 지정 목록보기가 ADT의 새 업데이트와 함께 작동하지 않습니다.

분류에서Dev

정규 표현식은 하나의 문자와 함께 작동하지 않습니다

분류에서Dev

그리드에서 CheckboxModel은 그룹화와 함께 작동하지 않습니다.

분류에서Dev

그리드에서 CheckboxModel은 그룹화와 함께 작동하지 않습니다.

분류에서Dev

puppeteer와 함께 작동하도록 querySelectorAll을 가져올 수 없습니다 (정의되지 않은 반환).

분류에서Dev

봄 부트 업그레이드 이후 작동하지 않습니다 @ConditionalOnMissingBean와 함께 콩을 정의

분류에서Dev

부동 : 오른쪽은 요소와 함께 작동하지 않습니다.

분류에서Dev

html helper chechkboxfor와 함께 사용할 때 부트 스트랩 토글 chechkbox가 작동하지 않습니까?

분류에서Dev

CakePHP Association은 userdatatype에 대한 userdata와 함께 작동하지 않습니다.

분류에서Dev

std :: ofstrean은 -O3와 함께 작동하지 않습니다.

분류에서Dev

Assert.Equal은 날짜와 함께 작동하지 않습니다.

분류에서Dev

onclick 이벤트가 html의 옵션 태그와 함께 작동하지 않습니까?

분류에서Dev

rails activerecord sum은 .each와 함께 작동하지만 다른 사람과는 작동하지 않습니다.

분류에서Dev

rails activerecord sum은 .each와 함께 작동하지만 다른 사람과는 작동하지 않습니다.

분류에서Dev

HTML 라디오가 확인되었지만 AngularJS 지시문 ngModel과 함께 작동하지 않습니다.

분류에서Dev

스칼라 유형 추론은 유형이 명시 적으로 지정되지 않는 한 유형 경계와 함께 작동하지 않습니다.

분류에서Dev

정규식은 개별적으로 작동하지만 함께 결합하면 작동하지 않습니다. |

분류에서Dev

지시어 템플릿의 AngularJS 이벤트 바인딩은 mouseout을 사용하면 작동하지 않지만 mouseover와 함께 작동합니다.

분류에서Dev

지시어 템플릿의 AngularJS 이벤트 바인딩은 mouseout을 사용하면 작동하지 않지만 mouseover와 함께 작동합니다.

Related 관련 기사

  1. 1

    AngularJS Material과 Toastr CSS가 함께 작동하지 않습니다.

  2. 2

    pyautogui와 일정이 함께 작동하지 않습니다.

  3. 3

    JQuery : fadeIn ()은 appendTo ()와 함께 작동하지 않습니다.

  4. 4

    -not -name은 찾기와 함께 작동하지 않습니다.

  5. 5

    WPF와 Workflow Foundation은 함께 작동하지 않습니다.

  6. 6

    ifelse 문은 날짜와 함께 작동하지 않습니다.

  7. 7

    JLabel은 ButtonHandler와 함께 작동하지 않습니다.

  8. 8

    group_concat은 count와 함께 작동하지 않습니다.

  9. 9

    이벤트와 함께 작동하지 않는 angularjs를 클릭하십시오.

  10. 10

    fs.writeFile은 경로와 함께 작동하지만 fd 인수와 함께 작동하지 않습니다.

  11. 11

    사용자 지정 목록보기가 ADT의 새 업데이트와 함께 작동하지 않습니다.

  12. 12

    정규 표현식은 하나의 문자와 함께 작동하지 않습니다

  13. 13

    그리드에서 CheckboxModel은 그룹화와 함께 작동하지 않습니다.

  14. 14

    그리드에서 CheckboxModel은 그룹화와 함께 작동하지 않습니다.

  15. 15

    puppeteer와 함께 작동하도록 querySelectorAll을 가져올 수 없습니다 (정의되지 않은 반환).

  16. 16

    봄 부트 업그레이드 이후 작동하지 않습니다 @ConditionalOnMissingBean와 함께 콩을 정의

  17. 17

    부동 : 오른쪽은 요소와 함께 작동하지 않습니다.

  18. 18

    html helper chechkboxfor와 함께 사용할 때 부트 스트랩 토글 chechkbox가 작동하지 않습니까?

  19. 19

    CakePHP Association은 userdatatype에 대한 userdata와 함께 작동하지 않습니다.

  20. 20

    std :: ofstrean은 -O3와 함께 작동하지 않습니다.

  21. 21

    Assert.Equal은 날짜와 함께 작동하지 않습니다.

  22. 22

    onclick 이벤트가 html의 옵션 태그와 함께 작동하지 않습니까?

  23. 23

    rails activerecord sum은 .each와 함께 작동하지만 다른 사람과는 작동하지 않습니다.

  24. 24

    rails activerecord sum은 .each와 함께 작동하지만 다른 사람과는 작동하지 않습니다.

  25. 25

    HTML 라디오가 확인되었지만 AngularJS 지시문 ngModel과 함께 작동하지 않습니다.

  26. 26

    스칼라 유형 추론은 유형이 명시 적으로 지정되지 않는 한 유형 경계와 함께 작동하지 않습니다.

  27. 27

    정규식은 개별적으로 작동하지만 함께 결합하면 작동하지 않습니다. |

  28. 28

    지시어 템플릿의 AngularJS 이벤트 바인딩은 mouseout을 사용하면 작동하지 않지만 mouseover와 함께 작동합니다.

  29. 29

    지시어 템플릿의 AngularJS 이벤트 바인딩은 mouseout을 사용하면 작동하지 않지만 mouseover와 함께 작동합니다.

뜨겁다태그

보관