오버플로 : 숨겨진 여유 공간 IE8에서 여유 공간?

내가 HTML 코드 여기오버플로 : 숨겨진 여유 공간 IE8에서 여유 공간?

<div id="tabsDiv" > 
    <ul id="myTabs" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
     <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"> 
      <a href="#ui-tabs-2">Testing it for creation Testing it for creation subject Testing it for creation subject 
      Testing it for creation Testing it for creation Testing it for creation subject Testing it 
      for creation Ends here</a> 
      <a> 
     </li> 
    </ul> 
</div>

아래에있는 것은 내가 그것을 테스트이 경우 대형 하이퍼 링크가있을 때 나는 문제를 직면하고있는 CSS 코드

#myTabs li a { 
    font-size: 9pt; 
    max-width: 200px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 

}

입니다 ..... 여기에서 종료합니다. 무슨 일이 일어나는 CSS는 200px 플러스 3 도트 안에 맞는 문자를 보여줍니다하지만 그것은 불필요하게 전체 텍스트에 대한 공간을 소비합니다. 그래서 내가 큰 공간 후에 시작됩니다 다른 리튬 태그를 추가합니다. 그것은 IE9, FF, 크롬 있지만 IE8에서 잘 작동합니까?

출처

2013-01-23 M Sach

당신의 문서 타입은 무엇입니까 inline-block을 추가? – Samir

시도 display:block 또는 Check it out on JSFiddle

출처

2013-01-23 15:13:54 oomlaut

작동하지 않았습니다. 여전히 완전한 텍스트를위한 공간을 소비하지만 200px 안에 들어있는 텍스트 만 표시합니다 –

아마도 공간을 예약하거나 줄 바꿈을 일으키는 또 다른 블럭 레벨 요소가 있는지 확인 했습니까? [JSFiddle] (http://jsfiddle.net/PgaYx/2/)에서 위의 솔루션을 확인했습니다. 마크 업 또는 스타일링을 더 많이 게시하거나 검토를 위해 바이올린에 삽입 할 수 있습니까? – oomlaut

오버플로 : 숨겨진 여유 공간 IE8에서 여유 공간?

답변

관련 문제