首页  >  文章  >  web前端  >  求教div css文字左右两排显示_html/css_WEB-ITnose

求教div css文字左右两排显示_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:12:071536浏览

html代码

<DIV class="border mt10xianguan"><DIV class=subject_bgxiangguan><DIV class=subject_title>相关信息</DIV></DIV><DIV class=m10><DL class="all_listxiangguan">{dede:likearticle row='10' col='1' titlelen='45' infolen=''}<DT><i>[field:global.autoindex/]</i><a href='[field:arcurl/]' title="[field:fulltitle/]">[field:title/]...</a></DT>{/dede:likearticle}</DL></DIV></DIV>

css代码
.all_listxiangguan {	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;  PADDING-TOP: 0px}.all_listxiangguan DT {	LINE-HEIGHT: 25px; PADDING-LEFT: 0px;padding:2px 1px;}.all_listxiangguan DT i{	background:url(../images/rank_num.jpg) no-repeat;float:left;display:block;width:14px;height:14px;margin-right:10px;text-align:center;line-height:14px;font-style:normal;margin-top:5px;}.all_listxiangguan DT A {	COLOR: #000}.all_listxiangguan DT A:hover {	COLOR: #417dc5}.all_listxiangguan SPAN {	FLOAT: right}.all_listxiangguan DIV {	LINE-HEIGHT: 15px; COLOR: #999}

红色标记的代码,加完后导致下面的框架右移了,完全错位了。请教各位怎么写啊!

.all_listxiangguan DT {
LINE-HEIGHT: 25px; PADDING-LEFT: 0px;padding:2px 1px; float:left;display:inline;width:323px;line-height:26px;
}


回复讨论(解决方案)

求教!

把模板引擎替换后生成的html代码发上来,不然不好测试。

把模板引擎替换后生成的html代码发上来,不然不好测试。
代码太多了,发布不了
我上传到空间了:
html代码:http://dianlan.fphs5.com/test.html
css代码:http://dianlan.fphs5.com/css.css

或者加我QQ远程帮忙调试一下也可以。
QQ466977005
真心的谢谢大家了。

谁来帮助下???

把渲染后的html代码贴上来,按可以通过F12,查看各元素的相关属性。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn