💨

Tailwind CSSでwidth等に固定値を使う方法

2021-08-21

例えば、こんなふうに固定値を指定することができる。

<div class="w-[762px]"></div>

数値のところに単位（px）を付けて、[]で括る。

なお、使用する際には、Tailwind CSS を Just in time（jit）モードにする必要がある。

jit モードにするには、tailwind.config.jsに１行追加する。

// tailwind.config.js
module.exports = {
  mode: "jit",
};

参考