ホームページ > ウェブフロントエンド > htmlチュートリアル > divのCSSテキストを左右2段に表示する方法を教えてください_html/css_WEB-ITnose

divのCSSテキストを左右2段に表示する方法を教えてください_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:12:07
オリジナル
1565 人が閲覧しました

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; 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 キーを押して、各要素の関連属性を表示します。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート