다른 언어로 메뉴 크기 조정

나는 두 개의 다른 언어에있는 메뉴가 있습니다. 내 문제는 각 언어에서 메뉴의 링크 이름이 언어 차이로 인해 길이가 다른 점입니다.다른 언어로 메뉴 크기 조정

랭 1 :

Home | About us |

랭이 내가 크기를 조정하고, 예를 들어 두 languages.Because의 각각에 같은과 같이 할 수있는 메뉴를 설정할 수 있습니다 내가 어떻게 .. 말을하는 것입니다하려고 해요 :

Αρχική σελίδα | Εταιρεία |

길이의 차이를 볼 수 있습니다.

출처

2012-01-18 user969724

당신이 선물하는 예제에서, 그들은 크기가 조정됩니다 따라서 차이, 당신은 고정 된 크기를 둘 다 의미하지 않습니까? – amosrivera

예 고정 크기, 수정을위한 thnx. – user969724

나는 각 항목은 다음과 같이 앵커 요소에 싸여 가정 :

<a href="#" class="class">Home</a>

지정된 폭으로 항목을 설정하는 것을 사용하는 다음의 링크 또는 컨테이너를 특정 클래스를주고.

a.class { width: 50px; border-right: 2px solid #000; display: block-inline; }

디스플레이 : block-inline; 의견을 참조하십시오.

메뉴를 만드는 일반적인 방법은 각 앵커 요소를 목록 항목에 배치하는 것입니다. 이처럼이 같은

<ul id="menu"> 
    <li><a href="#"></a></li> 
    <li>...</li> 
    <div class="clear"></div> 
</ul>

을 그리고 대상 목록 항목 : 당신이 (수레로 작업하는 방법을 알아야합니다이 시나리오에서는

#menu li { width: 50px; float: left; } 
.clear {clear: both;}

예를 들어, 내가 왜와 그 DIV를해야합니까 지우기 목록에서 끝내시겠습니까?)하지만 잘 지원되지 않는 디스플레이 유형 인 "인라인 블록"에 문제가 없습니다.

출처

2012-01-18 20:41:33

귀하의 아이디어는 정확하지만 태그는 인라인 요소이므로 너비를 변경하지 않으면 너비가 지정되지 않습니다. 참조 : http://tinkerbin.com/BkeGS5A5 인라인 블록 나는 somepeople가 대안으로 수레를 사용하는 것을 선호하는 이유는 IE6에서 지원되지 않는 것 같아요. – amosrivera

아, 네. 나는 그것을 잊었다. –

나는 u가 더 많은 문자를 배치해야한다고 생각합니다. 특정

여기

<style> 
#text1 {letter-spacing:4px} 

</style> 

<div id="text1"> Home | About us </div> 

Αρχική σελίδα | Εταιρεία

당신은 다양한 단위를 사용하여, CSS에서 width 속성을 설정할 수 있습니다,하지만 당신이 무엇을하는 설정합니다

http://jsfiddle.net/86DgH/9/

출처

2012-01-18 20:46:53

이 결과의 예입니다? 길이 요구 사항이 다를 수 있다는 것을 알고 있으니 왜 평등하게해야합니까?

Home   | About us  |

당신이 정말 이것이의 핵심 가정 (동등 다양한 항목을해야하는 경우 : 예를 들어, 그리스에서 가장 긴 항목에 대한, 그것은 영어로 어색하게 보일 것이다 충분한 크기로 폭을 설정 질문), width을 em 단위로 설정하는 것은 아마도 가장 불합리한 설정 일 것입니다. 평균적으로 한 문자는 약 0.5em 또는 다소 적습니다.

출처

2012-01-18 20:55:56

다른 언어로 메뉴 크기 조정

답변

관련 문제