for loop adds extra new lines and whitespace

Question

I have a queryset using which I want to display values of a certain field.

   {% for pm in paymentmethods %}
      {{pm.get_payment_method_display}}
   {% endfor %}

This works fine but it adds lots of extra space per get_payment_method_display.

This is how it ends up looking like:

How do i get rid of the extra white space and just show each item in a new line.

This is how my pre css class looks like:

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

Quite apart from anything else, do you *really* need to support 20-year-old browsers? — Daniel Roseman, Aug 25 '18 at 19:06
That `pre` css class is part of an effort to fix the whitespace problem. — Asdfg, Aug 25 '18 at 19:10
That wasn't what I asked. But since you mention it, why do you need it in a pre? Wouldn't an unordered list be better? — Daniel Roseman, Aug 25 '18 at 19:20

score 0 · Answer 1 · answered Aug 25 '18 at 20:11

0

You can use .strip to strip the white space. {{ var.example.strip }} Here is a post about trimming white space and tags.

answered Aug 25 '18 at 20:11

Taylor

1,223
1
15
30

tried that. it did not work. also tried whitespaces tag. didn't work either. – Asdfg Aug 25 '18 at 21:01

for loop adds extra new lines and whitespace

1 Answers1