2011-01-07 3 views
2

나는 이것에 아주 새로운 것을 가지고있다. 나는 이것으로 얻을 수있는 도움을 주셔서 감사합니다. 아직 인터넷에서 답변을 찾지 못했습니다. (최소한, 나는 이해하지 못한다!)WordPress blockquote를 오른쪽 대신 페이지의 왼쪽에 표시하려면 어떻게합니까?

WordPress에서 blockquote를 사용하면 화면 오른쪽에 blockquote가 표시된다. 때로는 화면의 왼쪽에 나타나기를 원합니다. 어떻게해야합니까? 다음은 화면의 왼쪽에있는 블록 인용 부호 (아래)입니다. 현재 화면의 오른쪽에 나타납니다.

<blockquote><p>Living a better life is less about things and more about being thankful.</p></blockquote>"

+0

와우! 빠른 답변 주셔서 감사합니다. 나는 그들을 시험해보고 그들이 나를 위해 일하는지를 볼 것입니다. 감사합니다. 감사합니다. – Cathy

답변

0

당신이 그것을 자신의 div 요소에 BLOCKQUOTE 요소를 마무리하면 어떻게됩니까?

<div> 
     <blockquote> 
      <p>Living a better life is less about things and more about being thankful.</p> 
     </blockquote> 
    </div> 

그런 다음 가능한 플로트를 사용하여 DIV 블록 요소로 인용구를 제어 할 수있을 것입니다 : 그것은 그 어떤 요소보다 이동 가도록 (듯이), 폭이 큰 설정, 왼쪽은 왼쪽 또는 기타를 사용하고 이와 같은 그것을 절대적으로 배치하는 것을 의미합니다.

1
<blockquote style="text-align:left;">Test</blockquote> 

이것은 견적으로 변경됩니다.

더 좋은 해결책은 테마의 style.css 파일을 열고 을 검색하고 text-align:right;text-align:left;으로 바꾸는 것입니다. 이렇게하면 사이트 전체에서 행동이나 인용구가 변경됩니다.

3

파이어 폭스 또는 크롬 브라우저에서 파이어 폭스와 같은 플러그인이있는 경우 위에서 인용 한 멤버처럼 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택하십시오. 그런 다음 해당 요소에 적용된 모든 규칙 (즉, 효과)을 볼 수 있으며 요소를 표시하거나 숨길 수 있습니다. 요소에 대한 효과를 확인하면 요소에 적용되는 규칙을보다 잘 이해할 수 있습니다.

건배. 내가 Twenty Fourteen을 사용하고있는 테마에 대한

+0

이 두 플러그인을 사용하면 다른 스타일을 신속하게 시험해보기 위해 실시간으로 스타일을 편집 할 수 있습니다. – jmort253

0

, 정답은 사용하는 것입니다 :

<blockquote class="alignleft">This is my quote</blockquote> 

나는 데모에 예를 검사하기 위해 크롬 DevTools로를 사용하여이를 발견했다. 이 테마는 정렬 된 블록 쉼표에 대해 좋은 형식을 갖는 특수 클래스를 가지므로 CSS를 스타일 설정으로 재정의하는 것보다이 방법을 사용하는 것이 더 좋습니다. 요소를 검사하는 동안 CSS에 직접 연결되어 다른 클래스를 확인하는 데 사용할 수 있습니다. 매우 유용합니다! 당신은 그것을 해석하기 위해 CSS 구문에 대해 조금 읽어야 할 수도 있습니다.

관련 문제