1

私はいくつかのランダムなものを試していますが、奇妙な小さな迷惑に遭遇したようです. divH1 を中央に配置できません。コンテンツとh1それ自体でテキストの配置を試みましたが、効果はありませんでした。

誰かが私が作っているエラーを見ることができますか? それは私が見落としている単純なものでなければなりません。

私のヒーローはどこですか？:D

これは私のcss/divへのリンクで、その画像です。

ここに画像の説明を入力

正確に真ん中に配置されません:(

ここに画像の説明を入力

ここに私のHTMLがあります：

 <div id="content">
    <h1>Solid Design</h1>           
</div>

そしてCSS：

h1
{
    display: inline;
    background-color: red;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 2.5em;   
}

#content 
{
    text-align: center;
}
#content p 
{
    width: 750px;
}
4

8 に答える 8

3

幅を与えるために多くの回答が言及されていることがわかります。

注:-表示タイプがインラインの場合、幅と高さのプロパティは適用されません。

表示プロパティがインラインに設定されている場合、幅はコンテンツの幅に自動的に設定されます。
要素をインラインにし、特に幅または高さを持たせたい場合は、display プロパティをinline-blockに設定する必要があります。


詳細解説https://css-tricks.com/almanac/properties/d/display/

于 2020-09-10T04:48:36.603 に答える
2

幅スタイルなしでスタイルを使用していますdisplay:inline;。これにより、要素のテキストがh1占めるサイズと正確に一致します。

widthテキストを中央にするには、 a を指定してに設定text-alignする必要がありますcenter

h1 {
   display:inline;
   width:200px;
   text-align:center;
}

ヘッダー要素はデフォルトでブロックレベルの要素であるため、可能な限り全幅を占有しますdisplay:inline。text-align:center

h1 {
   text-align:center;
}
于 2013-08-31T15:38:48.640 に答える
0

これは W3schools からのもので、私の Wordpress の html で動作します。

<html>
<head>
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>
于 2013-08-31T16:29:29.957 に答える
0

これは、私のウェブサイトのプロフィール写真の中心です...これは、他の変更を加えるとうまくいきます。

`top: 50%;
left: 50%;
transform: translate(-50% , -50%);
position: absolute;`
于 2019-09-27T16:02:37.790 に答える