チュートリアルを使用して最初の Tumblr テーマを作成しています。これはまったくの初心者です。
.metadata a {
display: inline-block;
float: center;
margin-left: 2%;
}
投稿を中央に配置したいのですが、機能するのは float: left と float: right だけです
私は何をすべきか ?私が言ったように、私はまったくの初心者であり、英語のネイティブ スピーカーではないので、明確に説明してください。
左または右にのみフロートできるため、フロートはここではオプションではありません。
text-align: center
a-tag の親要素に追加します。これにより、テキストだけでなく、他のインライン要素やインライン ブロック要素も中央に配置されます。
要素を中央に配置する別の方法は、それらを与えることdisplay: block; margin 0 auto
です。「自動」左右マージンにより、要素が中央に配置されます。要素を中央に配置するのは一般的なトリックですが、ブロック要素 (または を持つ要素display: block
) でのみ機能します。これは、幅を指定する必要があることも意味します。指定しないと、ブロック要素が親の幅の 100% を消費するためです。
あなたの場合、明示的な幅はオプションではないので、 text-align が最適なオプションになると思います。
申し訳ありませんが、ありませんfloat: center;
。margin: 0 auto;
ブロック レベル要素の中央揃えとtext-align: center;
インラインに使用します。
"float" を使用してテキストの向きを制御する代わりに、"text-align" を使用して a タグの親に適用することをお勧めします。"text-align: center;" 親内のすべてのインライン要素 (a など) に適用されます。text-align と floatの ドキュメント/チュートリアルを参照してください 。