공백 제어

Liquid 태그에 붙임표(hyphen) {{-, -}}, {%-, and -%}를 추가하여 렌더링된 태그의 왼쪽이나 오른쪽 공백을 제거할 수 있습니다.

일반적으로 텍스트를 표출하지 않더라도 렌더링된 HTML에서는 빈 줄이 표출됩니다:

입력

{% assign my_variable = "tomato" %}
{{ my_variable }}

렌더링된 템플릿의 “tomato” 직전에 빈 줄이 보일 겁니다:

출력


tomato

붙임표를 assign 태그에 포함하여 렌더링된 템플릿에서 공백을 제거할 수 있습니다:

입력

{%- assign my_variable = "tomato" -%}
{{ my_variable }}

출력

tomato

모든 공백의 표출을 원하지 않으면 모든 태그의 양쪽에 붙임표({%- and -%})를 추가합니다:

입력

{% assign username = "John G. Chalmers-Smith" %}
{% if username and username.size > 10 %}
  Wow, {{ username }}, you have a long name!
{% else %}
  Hello there!
{% endif %}

공백 제어 없는 출력



  Wow, John G. Chalmers-Smith, you have a long name!

입력

{%- assign username = "John G. Chalmers-Smith" -%}
{%- if username and username.size > 10 -%}
  Wow, {{ username }}, you have a long name!
{%- else -%}
  Hello there!
{%- endif -%}

공백이 제거된 출력

Wow, John G. Chalmers-Smith, you have a long name!