見出し画像

【ティラノビルダー】分岐ボタンを画面中央に配置する方法

画像1

分岐ボタンを画面中央に配置します。

分岐ボタン全体の長さの内訳

画像2

分岐ボタン全体の長さは、

①テキストの長さ

②余白(padding)
③線(border)
④余白(margin)の合計です。

①テキストの長さ

画像3

②余白(padding)、④余白(margin)

分岐ボタンの余白の設定を調べるために、tyrano.cssを参照します。

画像4

プロジェクト一覧を開き、ファイルのアイコンをクリックします。

画像5

tyranoフォルダをクリックします。

画像6

tyrano.cssを開きます。

画像7

tyrano.cssに、分岐ボタンの設定をしている項目があります。
その記述から、分岐ボタンの余白を計算します。

画像11
画像8

③線

画像9

tyrano.cssに分岐ボタンの線について設定している項目があります。
その記述から、線の幅を求めます。

画像10

⑤計算

画像12