为文章文本区域设置特定宽度

时间:2011-10-28 07:17:56

标签: html css

        <div id="textcontent">
            <center>
            <br /><p>........... ARTICLE IN HERE .........</p>
            </center>
        </div>


#textcontent {  
    margin-right: 25px;
}

#textcontent p {    
    margin-right: -24px;
    width: 663px;
}

此处的文章将显示用户发布的文章。

快照:

enter image description here

问题:

通过边界的文章的一行。如何设置特定的固定宽度,以便文本自动缩进(移动到第二行)并且不通过边框?

注意:文本区域高度会随着文本行的增加而自动扩展。

额外信息:

<div id="posted_wrap">
        <div id="posted_middle">
            <div id="posted_top"></div>         
                   <div id="textcontent">
                   <center>
                      <br /><p><?php echo $thread; ?></p>
                   </center>
                </div>
            <br />
            <div id="posted_bottom"></div>
       </div></div>

1 个答案:

答案 0 :(得分:2)

#textcontent p {
margin:0 auto;
text-align:center;
width: 663px;

删除<center>,因为它不需要,不推荐使用。将段落标记的边距设置为自动(左和右)。

该代码有效。您发布的代码也有效 - 因此您可能会遇到定位或浮动问题,而您正在努力解决这些问题。

如果这些黑色“粉笔”线条是背景图片,您可以添加: padding:0 10px(例如)<p>标记,以使文字远离边缘。