私はフィドルを持っていますが、基本的なものはあまり私にはありませんが、フィドルの2つの要素は、本来あるべきように、独自のdiv(およびスパン)にあります-それぞれにがありdisplay: block
、にtext-align
基づいて左または右になりますそれらが含まれている要素のどこにあるべきか。私は、ハックCSSのいくつかの種類をやって外に把握するように見えるようにすることができない問題position relative;
とtop: 10px
(大体は) -同じ行にそれらを作る方法である.text-one
と.text-two
同じライン上にある必要があり、両方の彼らの側に「整列します」要素。すべてを1つのdivで実行できますが、ご覧のとおり、別々の「コンテナー」に入れてください。
考え?これはかなり単純なことだと思いますが、私の人生では理解できません。
これは、要素をフローティングするだけで実行できます。
.box{
border: 1px solid #333;
padding: 14px 27px 10px 15px;
min-height: 60px;
min-width: 60px;
}
.box .text-one{
display: block;
text-align: left;
float:left;
}
.box .text-two{
display: block;
text-align: right;
float:right;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加