2017-03-14 22 views
0

私は少し右に移動したいドロップダウンを持っていますが、それをやろうとしている方法は機能していません。ここに私のCSSはhtml/php/cssの右側にドロップダウンを移動

<head> 
    <style>select.indent{ padding-left: 1.8em }</style> 
</head> 

だここに私のドロップダウンコードを使用すると、右に全体の選択をシフトしたい場合は、margin-leftを使用する必要があります

echo "<select class='indent' name = 'Employee'>"; 
+0

セレクタとしてインデントを指定しているので、あなたのCSSコードで直接 '.indent'を使用することができます –

答えて

0

です。 padding-leftを使用すると、ドロップダウンが少し広がります。

相対位置を使用して移動することもできます。ただし、実際に要素がどこにあるのではなく、にレンダリングされているところを移動するだけであることに注意してください。これを正しく使用しないと、フォーマットが正しく行われないことがあります。あなたが右にselect要素を移動したい場合は

select.indent { 
    position: relative; 
    left: 10px; /* Amount you want it moved by */ 
} 
+0

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

+0

@Jolaあなたの質問に答えた場合、これを回答としてマークできますか?ありがとう! – user2896976

0

あなたはこれを行うことができます:

select.indent{ margin-left: 1.8em } 

またはこのような

select.indent{ position: relative: left: 1.8em } 

パディング左の内側に間隔を追加します左からドロップダウンを選択

関連する問題