Maison > interface Web > tutoriel HTML > 求教div css文字左右两排显示_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:12:07
original
1564 Les gens l'ont consulté

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>
Copier après la connexion

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}
Copier après la connexion

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal