비 축소하지만 여전히(가)부서지기 쉬운 공간에서 HTML?
-
03-07-2019 - |
문제
무엇을 사용할 수 있습니 HTML 하고 싶은 경우에는 공백을의 중간에 라인처럼 보이는 세 가지 공간을 수 있지만,여전히 파괴 될 경우에는 줄을 너무 오래입니까?
일반 공백을 얻을 축소(의 실행 공간이 하나의 공간),과하지 않는 공간에()라인이 될 수 있다.
업데이트:나는 생각을 내가 정말 원하는<pre>태그할 수 있는 여전히 휴식 장선(I 표시하기 위해 필요한 소스 코드).
해결책
에 대해 무엇을 하나 더 많은 em 공간에()?부여,이에 따라 달라 사용자가의 글꼴 크기입니다.지 않는 경우에는 정말 작업에서 당신의 디자인,고려 en 공간에().
당신은 수도에서 보고 싶 이 테이블의 다양한 공간 Wikipedia.
다른 팁
내가 실제로 정확한 답을 찾고 있습니다.검색에 대한 모든 곳에서 이 응답고 아무것도 누구나 제안된 완벽하게 작동했습니다.그래서 나는 생각한 솔루션이고 그것을 시도하고 낭습니다 그것은 일이없는 결함!
Garrow 실제로 오른쪽으로(그는 단지 설명하지 않았거나 그것을 모든 방법).솔루션이 대신
혼자에 넣 <wbr>
.그냥 그렇게 간단한 검색 및 바꾸기에 추가 <wbr>
태그마
.완벽하게 작동합니다!
이 <wbr>
태그 잘 알려지지 않은 태그는 모든 주요 브라우저에서 지원하는 브라우저를 알려줍를 넣어 줄 바꿈 경우에만 여기에 그것이 필요합니다.
업데이트:내가 찾은 하나의 브라우저는 이 작동하지 않는 정확하게 오른쪽에는 인터넷 익스플로러 8!그들은 실제로 했 <wbr>
태그!나는이 문제를 해결을 만들어 클래스는 말합니다:
.wbr:before { content: "\200B" }
대체
가 <wbr>
, 으로 교체하여 다음과 같다:
<wbr><span class='wbr'></span>
PHP 에서 이 같을 것이다:
$text = str_replace(" "," <wbr><span class='wbr'></span>", $text);
을 추가하는 것을 잊지 마십시오 클래스뿐만 아니라.
물론 이것은 매우 비트가 과도한 대체,하나의 공간으로 모든 것,그러나 그것은 작동 원하는 대로 이루고 나는 본 적이 없는 태그 그것이 나를 위해 일했습니다.
이것이 너무 더럽고,또 다른 솔루션은 환 두 공간
다음에 정상적인 공간.이를 대체
고 정상적인 공간과 작품에서 제 테스트합니다.
PHP 에서 이 같을 것이다:
$text = str_replace(" "," ", $text);
희망이 도움이 됩니다!나는 충분한 연구가 이;생각해야 합니다.
지 않는 공간을 두지 않는 공간을 일하는가?
는 방법에 대 <wbr>?
당신 지 타겟팅 IE 제외하고(8,표준 모드):
<span style="white-space: pre-wrap"> </span>
IE, <span style="width:3ex"></span>
작동 쿼크 모드에서,그래서 병합하고...
<span style="width:3ex;white-space:pre-wrap"> </span>
가 작업하는 것처럼 보이지만 이는 모두...를 제외하고 IE7 표준입니다.오 디!
는 방법에 대해 두 개의
's 에 의해 따라 정기적인 공간이 있나요?만 불리는(내가 알기로는)경우에는 줄 바꿈은 자연적으로 가을에서는 정기적인 공간이,당신은 약간의 후행 공백에 위의 라인으로 인해 비적 공간,하지만 나는 생각하지 않는 것이 차이를 만들에서 실제 모습이 있습니다.
그것이 더 좋을 수 있습을 다시 한 걸음 그것이 무엇인지 묻은 당신은 노력하고 렌더링합니다.무엇이 넓은 공간을 의미합니까?
그것은 주의 100px 왼쪽 공간 사이의 텍스트 공간 예
span style="margin-left:100px;"
(n_n)