청사진 CSS 프레임 워크 : 오른쪽

에 파라 이동 내가 청사진 CSS 프레임 워크를 사용하고 있는데 위의 코드의 (내 생각) 때문에 나는청사진 CSS 프레임 워크 : 오른쪽

p {margin:0 0 1.5em;} 
.left {float:left !important;} 
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;} 
.right {float:right !important;} 
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}

이제 내 screen.css 파일에 파라에 대한 다음과 같은 코드가있을 때

para One 
    para two 
    para three

대신

para One 
para two 
para three

수 : 나는 다음과 같은 서식을 얻을 내 웹 사이트에 파라를 사용 너는 문제를 해결하는 방법을 말해줘. 당신이 Link을 붙여 위의 튜토리얼 사전 :

출처

2012-05-12 black_belt

jsfiddle.net – khurram

에 대한 코드 예제를 보내 주시면 답장을 드리고 싶습니다. 내가 jsfiddle에 내 코드 중 일부를 붙여 넣었고 흥미롭게도 거기에서 괜찮 았어. 모든 코드를 붙여 넣을 수 없기 때문일 수 있습니다. 그러나 Blueprint CSS 프레임 워크를 사용하여 실제로 구축 된이 청사진의 공식 데모 템플리트 (http://blueprintcss.org/tests/parts/sample.html)를 보면 해당 문제도 존재한다는 것을 알 수 있습니다. 자세한 내용은 해당 템플릿의 소스 코드를 확인하십시오 (Ctrl + U를 누름) –

아마도 * 문제가 없습니다. * 의도 한대로 작동합니다. 'screen.css' 파일에는'p + p {text-indent : 2em; }'는 의미가 있습니다. ... 잘못 ... 다른'p' 다음에 나오는'p'를 들여 쓰십시오. – Jeroen

screen.css 파일이 효과를 생성하는 규칙이 포함되어 있습니다.

제거하면 (물론 전체 파일 : D) 파일을 삭제하면 더 이상 들여 쓰지 않습니다.

출처

2012-05-12 20:14:16 Jeroen

고맙습니다. :) –

에서

덕분에,

.<div class="span-15 prepend-1 colborder">

단지에서 "앞에 추가-1"클래스를 제거 할 수있는 두 번째 파라에서 사용하는 클래스가 그 div에 패딩이 남아 있기 때문에 그 div.

.prepend-1 
{ 
padding-left:40px; 
}

죄송합니다.

p + p { 
    text-indent: 2em; 
}

이 다른 p 다음 모든 p가 2EM에서 들여 쓰기되는 것을 의미합니다 :

출처

2012-05-12 10:56:27 khurram

답장을 보내 주셔서 감사합니다. 나는 prepend-1을 제거했으나 여전히 작동하지 않지만 청사진/플러그인/멋진 유형/screen.css를 제거하여 원하는 결과를 얻을 수있었습니다. –

청사진 CSS 프레임 워크 : 오른쪽

답변

관련 문제