-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 回答
0

对你有用吗?

CSS:

.center_title {
    margin-left:auto;
    margin-right:auto;
}
.post_title {
    font-family: sans-serif;
    font-size: 14px;
    color: #fff;
    text-align:center;
    background-color: #0E0EFF;
    display:table;
    margin:auto;
    width: 40%;
    padding: 3px;
    border-radius: 2px;
}

HTML

<div class="center_title">
    <div class="post_title">test</div>
</div>

尽量不要使用职位,只有当你真的需要!

于 2013-05-28T19:43:49.063 回答