---
description: ╱🚧 under construction -> flow/writing direction
---

# inline-flex

[CSS](../..) ⟩ [layout](..) ⟩ [display]() ⟩ inline-flex&#x20;

{% hint style="success" %}
* `inline-flex`：
  * 🚧
{% endhint %}

{% tabs %}
{% tab title="🗺️ 圖表" %}
<figure><img src="https://2527454625-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfvEFZnSBhKT6fJmus0%2Fuploads%2FZsnJ9ggDOZJkP1HeJyb6%2Fdisplay.png?alt=media&#x26;token=ccc7749c-8c5b-4226-be7c-b946bf828abb" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="⭐️ 重點" %}
* <mark style="color:blue;">`block`</mark> elements are like <mark style="color:yellow;">paragraphs</mark>, and <mark style="color:blue;">`inline`</mark> elements are like <mark style="color:yellow;">words</mark>.
{% endtab %}

{% tab title="📗 參考" %}
* Every Layout (2021)
{% endtab %}
{% endtabs %}
