-1

多分私は多くのことをしようとしていますが、私がやりたいのは、投稿のタイトルを私のページの注目の画像の上に置くことです. テキストを配置することで機能するようになりましたが、もちろん、これによりページがレスポンシブページになることができなくなります。私が探しているのは、特定の幅の背景色 (左から右に広がっていない) を持つテキストを自動的に中央に配置し、絶対位置に配置することです。これは可能ですか？

これは私が今まで持っているものです：

<style>
.post_title 
{
font-family: sans-serif; 
font-size: 14px; 
color: #fff; 
text-align:center;
position: absolute;
background-color: #0E0EFF; 
display:table; 
margin:auto; 
width: 40%; 
padding: 3px; 
border-radius: 2px;
} 
</style>

どんな助けでも大歓迎です。私は何時間も答えを探していました。

どうも！

4

2 に答える 2

0

あなたの質問を正しく理解しているかどうかはわかりませんが、.post_title の周りにラッパーを配置してみてください。div class="titlewrapper"

次のようなスタイルを適用します。

div.titlewrapper {
    width:100%;
    text-align:center;
}

div.titlewrapper .post_title {
    font-family: sans-serif; 
    font-size: 14px; 
    color: #fff; 
    width:auto;        
    background-color: #0E0EFF; 
    display:inline-block; 
    margin:auto; 
    padding: 3px; 
    border-radius: 2px;
}

これはあなたの質問に答えていますか？

ジェロン・グレット

于 2013-05-28T19:40:28.050 に答える