2011-06-14 5 views
2

CSS3 속성 bikeshedding에 대한 대안이 있습니까? 그것은 아직 지원되지 않는 것 같습니다.bikeshedding CSS3 속성 대안?

+0

이 속성은 실제로 존재합니다 http://www.w3.org/blog/CSS/2011/03/15/resolutions_152이 –

+0

O_O 다시 변경되었습니다,하지만 그것은하지 년대' css3-text' 문서에 링크되어 있습니다. http://www.xanthir.com/feed/public-css-commits/?t=2011-06-03T13:58:11+00:00 – rockerest

+0

일반적인 질문입니까, 아니면이 속성으로 무엇인가를하려하십니까? ? – melhosseiny

답변

2

공백 속성은 CSS3에서

white-space 속성은 white-space-collapsing을위한 속기 (나는 그들이 bikeshedding이 무엇을 아직 부르는지 모른다는 것을 의미한다) 그리고 text-wrap 속성을 의미한다. white-space 속성 2.1 재산권 대부분의 브라우저에서 지원하는 CSS이며 두 값이 붕괴 개행있다 :

  1. normal (초기 값).
  2. nowrap

그러나 붕괴 줄 바꿈 문자는 무엇을 의미합니까? CSS 2.1에 따르면

:

'공백'이 '정상'또는 파라미터 nowrap '로 설정하면 줄 바꿈 문자는 다음 문자 하나에 목적을 렌더링 변화 있습니다 : 콘텐츠 스크립트에 기초 UA 특정 알고리즘에 따른 스페이스 문자, 제로 폭 공백 문자 (U + 200B), 또는 전혀 문자 (즉, 렌더링하지 않음). CSS 3 항

:

전 또는 개행 함유 공백 시퀀스가 ​​0 폭 공간으로 붕괴 공백의 전체 시퀀스를 발생 후의 영폭 공간.

현실 :

대부분의 브라우저는 공간에 줄 바꿈 문자를 변환. 그래서 당신이 정말로 원하는 것은 white-space-collapsing 속성을 discard이 아닌 collapse 또는 collapse으로 설정 한 다음 줄 바꿈 전에 너비가 0 인 공백 문자를 추가하는 것입니다.

브라우저 지원까지해야 할 일

HTML 문서에서 공백을 제거

<span>A</span> 
<span>B</span> 

사람 :

<span>A</span><span>B</span> 

또는 :

<span>A</span><span> 
    B</span> 
+1

사실, 제시된 두 번째 옵션은 여전히 ​​A와 B 사이에 공백이 생깁니다. 다만 FYI. 그래도 좋은 정보, 감사합니다! ;) – CptRobby

+0

가독성을 위해 태그 안의 공백을 이동할 수 있습니다 : A B Killroy

0

정확하게 이해하고 있다면 text-spacing 속성을 의미합니다.

내가 알 수있는 한, there isn't a lot of support.

+0

두 번째 링크는 텍스트 간격을 언급하지 않으므로 링크 텍스트에서 어떻게 결론에 도달했는지 확신 할 수 없습니다. – ikegami

11

이 단순히 HTML에서 공백 제거하는 가장 확실한 수정, 항상 :

http://jsfiddle.net/F3Mdd/1/를 - 정말 쉽게, 그리고 그냥 작동합니다. 이것에

<div>a</div> 
<div>a</div> 

:이에서

<div>a</div><div>a</div> 

여기 answer 자세한입니다.

솔직히 말해서, 나는 언제나 공백을 제거 ...

2

또 다른 방법은이 CSS3 기능을 기다렸다가 그때까지 자바 스크립트로 공백을 제거하는 것입니다.

http://jsfiddle.net/rT4Dy/2/

$('[data-bikeshedding="discard"]').each (function() { 
    var node = $(this); 
    node.html (node.find ('> *').detach()); 
}); 
+0

이 답변은 정답이어야합니다! 나는 그것을 좋아한다. – skolind