Freeway 文字をアイテムの縦軸にセンター合わせ

アイテムに対して文字をセンターにする場合、横軸のセンターは簡単に出来ます。縦軸に関しては、tableアイテムだと簡単なのですがHTMLアイテムでは一工夫必要になります。今回はその方法を説明します。

先ずは、200×50pxのHTMLアイテムを作成し、その中に文字を入力します。デフォルトだと左上から文字が始まっていますね。この文字をアイテムの縦横共にセンターに配置したいと思います。

次に文字を選択し、インスペクタパレットの配置でセンターを選びます。(文字を選択していないと、配置の項目は現れません)。これで横軸のセンター合わせは出来ました。

縦軸に関しても同じようにパラメーターがあれば良いのですが、有りませんのでHTMLを拡張させてセンターに配置します。同じく文字を選択し、メニュー＞アイテム＞拡張を選択します。

<div style>の名前にline-heightと入力し、値にアイテムの高さを入力します。今回の場合は50pxと入力します。OKボタンで終了です。(プレビューするまで表示は変わりません)

プレビューしてみると、結果このようになります。