Css 텍스트 새 라인 문제

링크에서 이미지를 확인하십시오. 다음 >> 부분이 2 줄로 감싸 져 있습니다. >> 두 번째 줄에 표시됩니다. 항상 같은 줄에 써야합니다. 공간이 적 으면 다음 단추 전체가 다음 줄로 이동해야하지만 끊어서는 안됩니다.Css 텍스트 새 라인 문제

내가 css를 통해이 작업을 수행 할 수있는 방법을 알려주십시오. 아래는 내 CSS 코드입니다.

.paging {font-size:15px !important; line-height:250%; text-align:center;} 
    .paging .paginate, span.inactive, a.current {font-size:12px; margin:1px; padding:3px 5px;} 
    .paging span.paginate_dropdown {float:right;} 
    .paging span.inactive {background:none !important; border:1px solid #CCCCCC !important; color:#CCCCCC !important; cursor: default;} 
    .paging a.paginate {border:1px solid #CCCCCC; color:#0A246A; text-decoration:none;} 
    .paging a.paginate:hover {background:#088AD8; border:1px solid #000000; color:#FFFFFF; text-decoration:none; text-shadow:0 1px 1px #000000;} 
    .paging a.current {background:#088AD8; border:1px solid #000000; color:#FFFFFF; font-weight:bold; text-decoration:none; text-shadow:0 1px 1px #000000;}

미리 감사드립니다.

출처

2012-07-17 Asnexplore

질문에 관련 태그 만 사용하십시오. –

확실한 친구, 그것에 대해 미안하다, 내가 오버플로를 새로 샀기 때문에 나는 그것을 알지 못했다. 어쨌든 고마워. 앞으로는 그것을 돌볼 것입니다. – Asnexplore

당신이 말하는 버튼의 CSS에 white-space:nowrap;을 추가하십시오.

출처

2012-07-17 03:44:33

display: inline-block;을 사용하면이 버튼을 서로 붙여야합니다. 첫 번째 줄에 머물거나 함께 누름.

하지만 전반적으로 단추를 두 번째 줄로 밀어 넣지 않도록 스타일을 조정해야합니다. 아마도 "..."몇 페이지 더 있습니다.

출처

2012-07-17 03:32:19 TurdPile

Css 텍스트 새 라인 문제

답변

관련 문제