난 너비가 고정 된 행 (div로 구현 됨)이있다. 이 행에는 첫 번째 두 개가 고정 너비 인 세 개의 요소 (스팬에서)가 포함됩니다. 행의 세 번째 요소에는 범위와 일부 텍스트가 포함됩니다. 문제는 텍스트가 너무 길면 전체 스팬이 다음 줄로 떨어지는 것입니다. 가능한 한이 스팬이 라인에 표시되도록하려면 어떻게해야합니까?가능한 한 많은 텍스트를 DIV 행에 넣으려면 어떻게해야합니까?
제약 :
여기 내 뜻을보고 좋아하는 것을 볼 수있는 jsFiddle이 있습니다.
감사합니다!
내가 원하는 것을 완전히 이해하지 못했지만 문제가되는 범위에 white-space: nowrap;을 추가해보십시오. jsfiddle here
.span-class{
overflow:scroll;
}
아마도
또는 폰트 크기 변경
EDIT2
. 문자 간격이 유용 할 수 있습니다. 모든 패딩을 스팬에서 제거하는 것을 잊지 마십시오. 콘텐트 영역을 낮춰야합니다.짧은 답변 상자의 내용을 변경하면 짧은 크기의 상자에 넣을 수 없습니다.
가능한 한 많은 상자에 넣기를 원합니다. 나머지는 오른쪽 상자에서 넘쳐 야합니다. – chacham15
원래 너비를 유지할지 여부를 모르겠습니다. 하지만 당신의 CSS를 약간 변경했습니다. 요소 #three의 오버 플로우 및 파라미터 nowrap note 참고 : 당신의 문제 스팬 (#three)에
div의 폭을 늘리면 용도가 무너지고 오른쪽으로 범위가 넘치고 싶습니다. – chacham15
이것은 당신이 원하는 것입니다 white-space: nowrap; 및 max-width 당신의 회색 상자에있는 주 부서입니다.
+1 예,이 방법도 효과적이지만 Shomz 솔루션은 내 상황에 조금 더 효과적입니다. 감사합니다. – chacham15
나는 당신의 문제를 완전히 이해하지 못했습니다. – jQuerybeast
실제로 스팬 3에 더 많은 텍스트가 포함되기를 원하십니까? – jQuerybeast
아니요, 저는 포지셔닝에 대해 이야기하고 있습니다. 나는 스팬 3을 1과 2와 같은 라인에두기를 원하지만, 오른쪽으로는 오버 플로우를 원합니다. – chacham15