javascriptでボタンを中央に配置したい

html
1<!DOCTYPE html>
2
3<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
4<head>
5    <meta charset="utf-8" />
6    <title>Test</title>
7
8 
9</head>
10
11
12<body data-vide-bg="sc/vide/GTA"> 
13    <link rel="stylesheet"href="sc/OwTop.css"> 
14
15    <script type="text/javascript" src ="sc/owTop.js"></script>
16    <script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
17    <script type="text/javascript" src ="sc/jquery.vide.min.js"></script>
18    <script type="text/javascript" src ="sc/jquery.min.js"></script>
19
20<!--ボタンの部分-->
21    <form>
22     <input type="submit" value="" class="submit_btn">
23        </form>
24
25</body>
26</html>

css
1html,
2/*ボタンを画像に変更*/
3.submit_btn{
4  border: 0px;
5  width: 204px;
6  height: 55px;
7  background: url(vide/buybutton.png)no-repeat center center;
8}
9/*ボタンにマウスが乗った時マウスを手にする
10画像を透過させる*/
11.submit_btn:hover{
12  cursor: pointer;
13  opacity: 0.5;
14}

この方法でボタンを配置しているのですが、どう設定しても左上にボタンが表示されます

行動規範の内容に同意します

回答1件

配置しているような記述は見られないので、追記します。

CSS
1.submit_btn {
2  display: block;
3  margin-right: auto;
4  margin-left: auto;
5}

htmlにボタンと同じスタイルを適用するのはやめましょう。混乱のもとです。

投稿2017/12/06 02:49

x_x

総合スコア13749

Eimei8104

2017/12/08 00:55

中央の一番上には表示されるようになりましたが、この方法でも中央に配置できません。。。分かりました。今後気を付けます

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

javascriptでボタンを中央に配置したい

関連した質問