2017-08-20 4 views
0

テーブルを移動しようとしましたが、できませんでした。 div内にあるテーブルを移動したい。しかし、私はテーブルを左右にだけ動かすことができます。私はテーブルを自由にしたい。私の間違いは何ですか?私が忘れたのは?たぶん私は間違ってスタイリングした?この問題を解決するために私を助けてください。div(コンテナ)でテーブルを移動できません

/*Imports*/ 
 
@import url('https://fonts.googleapis.com/css?family=Ubuntu'); 
 

 
body{ 
 
\t background-color: #21ff00; 
 
\t margin: 0; 
 
\t padding: 0; 
 
} 
 

 
.division1 td{ 
 
\t padding: 5px; 
 
\t border: 2px solid #000; 
 
\t color: #fff; 
 
} 
 

 
.division1{ 
 
\t width: 100%; 
 
\t height: 500px; 
 
\t margin: 0; 
 
\t padding: 0; 
 
\t background-color: #fff; 
 
} 
 

 
.division1 table{ 
 
\t width: 380px; 
 
\t height: 380px; 
 
\t border: 1px solid #000; 
 
\t margin: 35px 28px; 
 
\t border-collapse: collapse; 
 
\t text-align: center; 
 
\t background-color: #0f6bff; 
 
\t font-family: 'Ubuntu', sans-serif; 
 
}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Mirashraf</title> 
 
\t <link rel="stylesheet" href="style.css"> 
 
</head> 
 
<body> 
 

 
\t 
 

 
\t <div class="division1"> 
 

 
\t \t <table border="1"> 
 
\t \t <tr> 
 
\t \t \t <td><b>Name</b></td> 
 
\t \t \t <td><b>Price</b></td> 
 
\t \t </tr> 
 

 
\t \t <tr> 
 
\t \t \t <td>MacBook</td> 
 
\t \t \t <td>$999.99</td> 
 
\t \t </tr> 
 

 
\t \t <tr> 
 
\t \t \t <td>iPhone</td> 
 
\t \t \t <td>$499.99</td> 
 
\t \t </tr> 
 

 
\t \t <tr> 
 
\t \t \t <td>iPad Pro</td> 
 
\t \t \t <td>$649.99</td> 
 
\t \t </tr> 
 

 
\t \t <tr> 
 
\t \t \t <td>Apple Watch</td> 
 
\t \t \t <td>$1199.99</td> 
 
\t \t </tr> 
 
\t </table> 
 

 
\t </div> 
 

 
</body> 
 
</html>

は、私を助けてください:ここでは

はコードです。

後ろの方に感謝します。マージン以下のように4つのパラメータに

+0

テーブルを上または下に移動しますか? –

答えて

0

親切分割マージン:toppx rightpx bottompx leftpx、CSSの下には絶対位置にdiv要素を設定し、どこでそれを置くことができ、画面

.division1 table { 
    width: 380px; 
    height: 380px; 
    border: 1px solid #000; 
    margin: 50px 28px 41px 40%; 
    border-collapse: collapse; 
    text-align: center; 
    background-color: #0f6bff; 
    font-family: 'Ubuntu', sans-serif; 
} 
0

の中央にテーブルを移動します好き。

.division1{ 
 
\t width: 100%; 
 
\t height: 500px; 
 
\t margin: 0; 
 
\t padding: 0; 
 
    background-color: #fff; 
 
    position: absolute; 
 
    top: 35%; 
 

 
}

+0

ありがとうございました! –

+0

ようこそ。 –

0

あなたは表の中央に配置することを意味している場合は、余白、左に設定する必要があります:自動、マージン右:テーブルのためのあなたのCSSで自動。これは、テーブルの幅があることを前提としています。

テーブルをドラッグすることを意味する場合、それは全く異なる質問です。

関連する問題