数が決まっていないボタンの中央寄せ


お世話になります。Javascriptにて数の決まっていないボタンをまずは縦に配置し
そこ数が一定以上になると新しい列とする、といった形で配置したボタンを中央寄せにしたいと考えています。

配置はアルファベット順
・ボタンが3個以下の場合
|   A   |
|   B   |
|   C   |
・ボタンが4個以上6個以下の場合
|  A  D  | 
|  B  E  | 
|  C  F  | 

potisonでstaticやrelative/absoluteで設定するにもどうしても中央寄せという部分で
実現ができませんでした。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/07/03 13:48:25
  • 終了:2014/07/09 10:04:16

ベストアンサー

id:pogpi No.1

pogpi回答回数370ベストアンサー獲得回数492014/07/03 14:18:47

ボタンを各々liタグでくくったのを三個ずつolタグでくくって、olをdivタグでくくればできそうですね。cssでdivタグにtext-align:centerとしてください。

他9件のコメントを見る
id:pogpi

ボタンは画像ではないんですね。liタグのpaddingを指定すればで小さくできます。
列数の計算は必要ですので、仕方ないですね。

2014/07/08 16:58:33
id:teioh12

pogpiさん
ご回答ありがとうございます
100%ぴったりな感じではありませんが、動作できました
これを元に自分でも色々試行錯誤してみたいと思います
最後までお付き合いありがとうございました

2014/07/09 10:03:57

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません