은 CSS로 메뉴 항목 너비를 자동으로 계산합니다

Question

나는 ul li로 만든 메뉴가 있습니다. 나는 css로 메뉴 항목을 자동으로 위치 시키려고하므로 메뉴 항목 텍스트를 변경 한 후에 위치가 다시 계산됩니다. 이 예제에서는 바이올린 위치 지정이 패딩으로 이루어지며이 경우 텍스트가 길어지면 다음 줄로 이동합니다.

예를 들어 바이올린 : 저희 사이트의 탐색은 항상 클라이언트에 의해 지어 우리가 얼마나 많은 항목 단서가 없다 때문에

http://jsfiddle.net/amkrtchyan/9WbaC/

Answer 1

이, 난 항상이 문제입니다.

당신은 종류의 table 형 표시 속성이 작업을 수행 할 수 있습니다

:

nav {display:table;} 
nav ul {display:table-row;} 
nav ul li {display:table-cell;} 

이 외에도, 나는 당신의 목록 항목에서 float 제거 : 그것은 많은 모양을

다음

• 이야을 항목 수 : http://jsfiddle.net/9WbaC/2/

공백이있는 텍스트를 사용하여 ef를 볼 수 있습니다. 이것은 포장에있을 것이다 fect. 여기

• 은 몇 항목의 모양 : 당신이 전체 폭을 알고있는 경우 http://jsfiddle.net/9WbaC/3/

또 다른 해결책은 비율 (또는 px와 서버 측에서 폭 인라인 하드 코드입니다 픽셀)의 수를 나타냅니다.