Heim > Web-Frontend > HTML-Tutorial > 求教div css文字左右两排显示_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:12:07
Original
1567 Leute haben es durchsucht

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>
Nach dem Login kopieren

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}
Nach dem Login kopieren

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

.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,查看各元素的相关属性。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage