2011-10-28 34 views
-1
 <div id="textcontent"> 
      <center> 
      <br /><p>........... ARTICLE IN HERE .........</p> 
      </center> 
     </div> 


#textcontent { 
    margin-right: 25px; 
} 

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

ARTICLE IN HERE将显示用户发布的文章。为文章文本区域设置特定宽度

快照:

enter image description here

问题:

由通过旁boundries制品的线。我如何设置特定的固定宽度,使文本自动缩进(移至第二行)并且不会通过侧边界?

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

额外的信息:

<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> 
+0

不可能告诉你所提供的CSS小片段是什么,但是看到它看起来过度设计的标记,更简单的解决方案可能会工作 - 但我不知道你的问题是什么。即使图像不显示问题。 –

回答

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

删除<center>,因为它是没有必要的,并且已被弃用。将您的段落标记的边距设置为自动(左侧和右侧)。

该代码有效。你发布的代码也可以工作 - 所以你可能会遇到一个定位或浮动问题,超出你正在努力的代码。

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

相关问题