부트 스트랩 목록 그룹 내에서 텍스트 오버 플로우를 설정하는 방법

Question

부트 스트랩 목록 그룹 내의 링크에 텍스트 오버 플로우 속성을 설정하려고합니다. 또한 그룹 내의 각 목록 항목 오른쪽에 부트 스트랩 배지가 떠있었습니다. text-overflow 속성을 설정하려고하면 링크가 배지 아래에 있고 잘리지 않습니다. 여기에 설정하려고하는 코드입니다.

여기

.forum-link 
{ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

내가 그것을 알아 냈 코드 - http://jsfiddle.net/tdmoneybanks/c3hsa2y2/7/

Answer 1

을 보여주는 jsFiddle입니다 : 포럼 링크는 각 태그에 부착 된 클래스입니다. 태그 내부의 div 내 텍스트를 감싸기 위해 필요합니다.

Answer 2

앵커 태그에 표시 블록과 오버 플로우 숨김을 추가하면, 내가 당신을 얻는다면 이것이 도움이 될 것입니다. 감사

Answer 3

코드에 그 추가 : 내가 업데이트 한

.list-group-item { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

당신의 바이올린 : Fiddle

Answer 4

.text_info{ 
 
    display:inline-block; 
 
    width:90%; 
 
    max-width:91%; 
 
    text-overflow:ellipsis; 
 
    white-space:nowrap; 
 
    overflow:hidden; 
 
}

그냥이 CSS를 추가하고 <a> 태그에 클래스를 제공 .

여기이 도움이 JSFiddle

희망입니다.