CSSで非常に単純なボタンを作成しようとしていますが、ボタンの矢印を円の中心に配置できません。
私が使用した:
top: 50%
left: 50%
矢印divを円divの内側に中央揃えしようとしますが、もちろんこれは矢印divの左上隅のみを中央揃えにし、中央位置は中央揃えにしません。
どうすればdivをdivの内側に完全に中央揃えできますか?理想的には、両方のdivの幅と高さが問題にならないソリューションが欲しいので、後日簡単に変更できます。
私の現在のコード:http://jsfiddle.net/zhWGx/
これを試して、三角形を作成するposition:absolute
と、上、左下、右が0になりmargin:auto
ます。作成します。その後、完了です。
.triangle
{
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent red;
position: absolute;
top: 0;
left: 0;
right:0;
bottom:0;
margin:auto;
}
リンク:http://jsfiddle.net/Vigiliance/zhWGx/4/
PS
この方法を使用すると、IEを呪うことになります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加