2012-02-15 5 views
1

나는 html/css (이미지를 볼 수없는 경우 : 이름 및 성, 두 번째 줄은 직무 설명)를 사용하여 달성하려는 것을 보여주었습니다. 나는 모든 텍스트 (두 줄)를 div 내에서 (왼쪽과 오른쪽으로) 강제 할 것을 원하지만 가능한 경우 확실하지 않습니다. 나는 성공하지 못한 채 몇 가지 시도를 해왔다. 차라리 이미지를 사용하지 않으려 고하므로 어떤 아이디어라도 크게 기뻐할 것입니다.제목/제목

+0

jsfiddle.net에 게시하고 URL –

+0

을 보내주십시오. 처음에는 AFAIK H7과 H8이 존재하지 않습니다. Appart에서 그런 스타일을 사이트의 여러 가지 스타일에 적용 할 것인지 아니면 그 스타일 (또는 몇 가지 다른 스타일)에만 적용 할 예정입니까? – Cmorales

+0

해당 제목에 대해서만 – gman

답변

0

사용 text-align-last: justify는 :

.justified { 
    text-align: justify; 
    text-align-last: justify; 
} 
.justified:after { 
    content: "."; 
    display: inline-block; 
    width: 100%; 
    height: 0; 
    visibility: hidden; 
} 

http://jsfiddle.net/gilly3/En4wt/

source

+0

div 안에 성공했으나 성공하지 못했습니다. – gman

+0

"web guru"라는 단어가 정당화되지 않았 으면, 예제에서 왼쪽 정렬 된 것처럼 보입니까? – gman

+0

@GavinWynne - 오빠. 나는 한 부분을 놓쳤다. 업데이트 됨. – gilly3

1

브라우저는 일반적으로 전체 정당성에 쓰레기 일을하고 있어요. 당신이 자신을 홍보하기 위해 이것을 사용하는 디자인 회사라면, 나는 그것을 피할 것입니다.

또한 단락이 아닌 단락에서 작동합니다.

CSS 문자 간격을 조정하여 원하는 효과를 얻을 수 있습니다.

+0

괜찮 았어, 난 수동으로 간격을 변경 생각했지만 각 브라우저가 어떻게 처리할지 모르겠다? 그냥 대신 정당성을 강제 할 수 있다고 생각했습니다. – gman

0

제목 만 스타일을 지정하기 때문에 특정 스타일을 만들 수 있습니다. 성취하려는 효과를 얻을 때까지 글자 크기와 글자 크기를 결합 해보십시오.

텍스트 정렬 : 양쪽 맞춤은 다른 목적으로, 단락 (또는 텍스트의 긴 블록)을위한 것입니다. 줄 끝에 도달 할만큼 텍스트가 충분하지 않으면 작동하지 않습니다.

+0

감사합니다. 디자인을 변경하기로 결정했습니다. – gman