HTML에서 내용을 가로로 정렬하려면 어떻게 하나요?(Django에 부트스트랩을 적용해서 사용하고 있습니다.)

조회수 1887회

부트스트랩과 장고 템플릿 질문 입니다.

장고 base.html을 만들고

다음과 같이 html문서를 하나 만들었습니다.

{% extends 'actress/base.html' %}


{% block content %}
  {% for entry in actress %}
    <p>테스트</p>
  {% endfor %}

  {% load bootstrap_pagination %}
  {% bootstrap_paginate actress range=10 show_prev_next="false" show_first_last="true" %}
{% endblock %}

그런데 브라우저상에서는 이렇게 보입니다.

이미지

테스트라는 text가 옆으로 정렬되게 하려는데 세로로 정렬이 되네요. 어떻게 해결해야 할까요?

1 답변

  • 올려주신 내용은 장고/부트스트랩보다는, html과 관련된 내용입니다.

    {% for entry in actress %}
        <p>테스트</p>
      {% endfor %}
    

    이렇게 하고 나면 아래와 같은 html이 생성되기 때문에 세로로 표시되는게 맞습니다.

    <p>테스트</p>
    <p>테스트</p>
    <p>테스트</p>
    <p>테스트</p>
    <p>테스트</p>
    

    아래와 같이 테이블을 이용해 보세요.

    <table border = 0>
    <tr>
    {% for entry in actress %}
        <td>테스트</td>
    {% endfor %}
    </tr>
    </table>
    
    

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)