よくあるご質問

カテゴリー: CSS, shuttoの使い方, セル タグ: パーマリンク

セル(cell)の横幅を調整したい

※2015/02/12 改定:CSS記述内容

挿入ツールのセル幅は、CSSで調整可能です。

■セル幅の変更方法

(1)編集画面のスマホレイアウト画面で、調整したいセルの適当な箇所を選択し、下部ナビゲーションから、「セル」の全体を選択します。

shutto_faq2014062409

(2)編集メニューの「CSS」に下記CSSを追加します。

@current td:first-of-type{
        width: 20%;
}
@current td:nth-of-type(2){
        width: 30%;
}
@current td:nth-of-type(3){
        width: 50%;
}

shutto_faq2014062410
セルの左側の列から「td:first-of-type」「td:nth-of-type(2)」「td:nth-of-type(3)」と指定出来ますので、列の分だけ「td:nth-of-type(●)」の括弧の中の数字を変更して追加してください。幅は、「width: ●●●;」の数値で調整出来ます。

■[よくあるご質問]CSS設定にある「@current」は何でしょうか?
■[よくあるご質問]tableのcell(セル)を縦積みで変換できますか?
■[LINK]CSSの基本 ― HTMLクイック リファレンス
■[LINK]意外と知らない!?CSSセレクタ20個のおさらい

カテゴリー: CSS, shuttoの使い方, セル タグ: パーマリンク

「shuttoを使ってきれいなページを作りたい」「ページが多いので、外部の会社の手を借りたい」 そういったご要望がございましたら実績のある制作パートナー様にご相談ください。