2011-08-20 5 views
0

음수 들여 쓰기가 CSS와 어떻게 작동하는지 이해하지만 제 질문은 음수 들여 쓰기 시작 부분과 나머지 부분 사이에 '탭'종류가있는 방법입니다. 텍스트?사이에 '탭'이 포함 된 CSS 음수 들여 쓰기

달성하려는 목표는 http://copyrighter.ru/canada/test.htm과 같은 모양입니다. [6]부터 시작하는 단락을 참조하십시오.

[6]은 줄의 왼쪽으로 이동하고 그 나머지는 깔끔한 사각형 단락처럼 보입니다.

현재 두 개의 div로 작업하고 있습니다.

정확하게 보이고 싶지만 MS Word에 텍스트를 복사하면 복사 된 텍스트가 엉망입니다.

동일한 작업을 수행하는 더 쉬운 방법이 있는지 알아 내려고하고 있습니다.

+0

단어가 필요하지 않습니다. 메모장 ++ 또는 다른 텍스트 편집기에 붙여 넣으면 한 줄에는 [6], 다른 줄에는 기사 상자가 계속 표시됩니다. – unomyname

답변

1

"절대"위치를 갖는 SPAN에 숫자를 넣으십시오. 이런 식으로 : http://jsfiddle.net/WvU7X/

그러나 나는 정확히 텍스트를 Word에 붙여 넣은 후에 보일 것 같지 않습니다.

+0

이것은 절대적으로 천재입니다. 나는 조금 주위에 그것을 바 꾸었습니다 (그러나 그것이 내가 원하는 방식으로 정확하게 보이고 기능을 갖게 한 것처럼 보입니다). 감사합니다 – unomyname

+0

추신 : 감사합니다. 죄송합니다. IE6에서 작동하지 않습니다. ( – unomyname

+0

http://jsfiddle.net/WvU7X/15/ – unomyname

0

DIV를 사용하는 대신 태그를 사용하여 요소를 구분 한 다음 "display : inline-block;"속성을 지정하십시오. 이렇게하면 여전히 인라인으로 나타나는 동안 패딩/여백을 적용 할 수 있습니다.

IE7 등의 경우 인라인 블록이 제대로 작동하지 않습니다. 대신 "display : inline, zoom : 1;"조합을 사용해야합니다. 그런 다음 패딩 및 마진 비즈니스에 대해 알아보십시오.

span 태그를 사용하면 div보다 적은 피해로 Word로 복사/붙여 넣기 할 수 있습니다.