2014-09-17 1 views
1

나는 회사의 이름이기 때문에 항상 두 단어를 고집해야합니다. 회사 이름은 예를 들어 S 오버플로입니다. 때로는 두 번째 단어 '오버플로'가 특정 화면 너비의 두 번째 단락에 내려갑니다.반응이있는 디자인에서 두 단어가 서로 붙도록

LOREM의 ipsum의 슬픔에 앉아 ammet는 S
오버플로 consectidur

화면 크기는 상관없이,이 두 단어가 하나로 함께 모든 시간을 스틱 올 것이다하는 방법이 있나요 만났다?

LOREM의 ipsum의 슬픔에 앉아 ammet는 S 오버 플로우
consectidur 충족

답변

2

을 사용할 수 있습니다, 가장 간단하고 강력한 방법은없는 휴식 공간을 사용하는 것입니다, 예

S Overflow 

당신은 양자 택일 요소에 이름을 감고 white-space: nowrap을 설정할 수 있습니다. 이름이 어쨌든 요소에 포함 된 경우 편리합니다. 스타일링.

+0

전 이것에 대해 몰랐습니다. 감사! 지금은 & nbsp을 사용 하겠지만 화이트 스페이스도 작동하고 있다고 생각합니다. – vanduzled

1

내가 무엇을 의미하는 공백 생각 : CSS의 파라미터 nowrap :

CSS는 :

.doNotWrap { 
    white-space: nowrap; 
} 

html로 :

Lorem ipsum dolor sit ammet met <span class="doNotWrap">S Overflow</span> 
consectidur 
이 공백으로 구분하여 두 단어의 문제라면 0
1

당신은 참여 (하이픈 같은) 특수 문자로,

white-space:nowrap; 
1

너비가 고정 된 span 태그 내에 포함 된 회사 이름을 제어하고 표시가 차단되도록 설정된 CSS 규칙을 만들 수 있습니다.

<span class="cName">company name</span> 

점검하십시오 fiddle here

또 다른 방법은 회사 이름은 다른 장치의 크기에서 한 줄에 표시하기 위해 미디어 쿼리를 사용하는 것입니다.