UC知道DIV+CSS 排版问题
来源：百度知道 编辑：UC知道 时间：2024/06/24 10:45:10
相关代码:
<DIV id=news>
<H1>供货商手册（ES）（一）</H1>
<DIV class=times>作者：佚名 来源：不详 发布时间：2008-11-5 15:02:52</DIV>
<DIV class=content id=textbody>
显示的内容
</div>
</div>
相关的CSS:
#news {
BORDER-RIGHT: #99bbdd 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #99bbdd 1px solid; PADDING-LEFT: 18px; BACKGROUND: #f5faff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; BORDER-LEFT: #99bbdd 1px solid; COLOR: #4a4a4a; PADDING-TOP: 30px; BORDER-BOTTOM: #99bbdd 1px solid
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 22px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #363737; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.content {
FONT-SIZE: 14px; MARGIN: 15px 0px 35px; COLOR: #2a2a2a; LINE-HEIGHT: 25px
}
现在使用以上的情况是：内容全部居中对齐，郁闷死我了。
需要：内容左边对齐。
解决问题：可以编写新的CSS代码，也可以修改原来的CSS；也可以另外搞一个DIV和CSS。
<DIV id=news>
<H1>供货商手册（ES）（一）</H1>
<DIV class=times>作者：佚名 来源：不详 发布时间：2008-11-5 15:02:52</DIV>
<DIV class=content id=textbody>
显示的内容
</div>
</div>
相关的CSS:
#news {
BORDER-RIGHT: #99bbdd 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: #99bbdd 1px solid; PADDING-LEFT: 18px; BACKGROUND: #f5faff; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; BORDER-LEFT: #99bbdd 1px solid; COLOR: #4a4a4a; PADDING-TOP: 30px; BORDER-BOTTOM: #99bbdd 1px solid
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 22px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #363737; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.content {
FONT-SIZE: 14px; MARGIN: 15px 0px 35px; COLOR: #2a2a2a; LINE-HEIGHT: 25px
}
现在使用以上的情况是：内容全部居中对齐，郁闷死我了。
需要：内容左边对齐。
解决问题：可以编写新的CSS代码，也可以修改原来的CSS；也可以另外搞一个DIV和CSS。
加上以下代码：
.content P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; TEXT-INDENT: 2em; PADDING-TOP: 5px;TEXT-ALIGN: left
}
你确定没有别的样式控制文字的对齐方式吗？是不是写在body里了？还是写在别的通用样式里了，你可以用火狐的firebug查看一下，要解决目前的文字对齐问题，你可以在#news里加个text-align:left;
TEXT-ALIGN: center
你写了这个当然都居中了
要想靠左 用 float：left
楼主你的样式看起来累呀
content里面加上:text-align: left;
我在IE6、IE7、FF、里都测试过内容都是左对齐的；你在哪个浏览器里看到是居中对齐？