こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

コマンドボタンをブラウザの真ん中に表示さいたいので

コマンドボタンをブラウザの真ん中に表示さいたいのですが
<html>
<head>

<title>test</title>
<style type="text/css">

<!--
div.div_center {
margin-left: auto;
margin-right: auto;
}
-->

</style>
</head>

<body>

<div class="div_center">
<button type="button" onclick="window.open('https://www.google.co.jp','_blank');">googleで検索</button>
</div>

</body>
</html>

これでは表示されません。

margin-left: auto;
margin-right: auto;

これは間違ってますか?

投稿日時 - 2017-12-01 22:35:34

QNo.9403460

暇なときに回答ください

質問者が選んだベストアンサー

この記事が参考になると思います。
https://yossense.com/input-button-center/
https://qiita.com/takashimorigaki/items/a063566ed28d8c4ffc0a

投稿日時 - 2017-12-02 07:52:07

お礼

どうもありがとうございました。

投稿日時 - 2017-12-28 22:58:22

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

div.div_center {
margin-left: auto;
margin-right: auto;
width: 100px; /* ここに幅指定しないと中央寄せになりません */
}

投稿日時 - 2017-12-03 22:10:49

お礼

どうもありがとうございました。

投稿日時 - 2017-12-28 22:58:20