2011-10-28 37 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>標籤,以使文本遠離邊緣。

相關問題