在CSS方面,我是菜鸟,但是html / css中的文本遇到问题。调整网页大小时,我的文字显示在页面的左侧,变得混乱且错位。这是我的代码:
**CSS:**
#NewsPosts {
position: fixed;
width: 75%;
top: 260px;
left: 32%;
padding: 30px;
overflow: hidden;
**HTML:**
<!--News Posts-->
<div id="NewsPosts">
<p>MY text goes here</p>
</div>
如果您想以#NewPosts
所有屏幕为中心,则可以这样完成:http : //jsfiddle.net/uknqdr6g/
的CSS
#NewsPosts {
width: 75%;
/* margin-top:260px; If you want to use the margin-top */
margin-left:auto;
margin-right:auto;
text-align: center;
padding: 30px;
}
如果仍然希望它position:fixed;
像这样重新排列代码:http : //jsfiddle.net/uknqdr6g/1/
Html
<div id="container">
<div id="NewsPosts">
<p>MY text goes here</p>
<img src="http://images5.fanpop.com/image/photos/31100000/random-random-31108109-500-502.jpg" width="300" height="auto">
</div>
</div>
的CSS
#container {
left: 50%;
width:400px;
/* margin-top:260px; if you still want to use your margin-top */
margin-left: -200px; /* Half of the width */
background:#000;
padding:20px;
position: fixed;
}
#NewsPosts {
width:100%;
left: 0;
right: 0;
text-align: center;
overflow: hidden;
background:#fff;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句