ホームページ >ウェブフロントエンド >htmlチュートリアル >li の 2 つの div のフォントを同じ水平線に配置する方法_html/css_WEB-ITnose
li の 2 つの div のフォントを同じ水平線に配置する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:47:342417ブラウズ
b355560f890f220e6b9e62128ba8aadc
77387e85739d776de6c0b94a0b03e5deebad9246e9a88ca9986fdff86cf7d18e601bdcda215048560bf18a7e6cdd3415 ;申請時間c33fb2caaf719c6671a3cc263ec4570f各ステータスのガソリンスタンド名16b28748ea4df4d9c2150843fecfba68
55ee2b3284a9de9130dc7461686b5e1c備考16b28748ea4df4d9c2150843fecfba68 li>5db79b134e9f6b82c0b36e0489ee08ed16b28748ea4df4d9c2150843fecfba68
929d1f5ca49e04fdcb27f9465b944689
タイトルと画像のように、これらのフィールドを同じ水平線上に置くことはできません。
ディスカッションに返信（解決策）
スタイルに関係なく、ネストされた構造には問題があり、少なくともフロントエンドタグのネスト仕様に違反しています
さらに、結果、特に最も簡単な方法データを表示するにはテーブルを使用する必要があります
スタイルに関係なく、ネストされた構造には問題があり、少なくともフロントエンドタグのネスト仕様に違反しています
さらに、結果、特にデータを表示したい場合、最も簡単な方法は、テーブルを使用することです
テーブルを使用できることは知っていますが、これは他の人のものですが、これら 3 つのフィールドをどのように同じレベルにできるのかを聞きたいだけです。ありがとう
あなたにとって 588ee6c5220930db458b6ffaa813dd64
55ee2b3284a9de9130dc7461686b5e1c これらの 2 つのクラスに、line-height: 20px などを加えます
どういたしまして
ちなみに class= "gg" はやめてください3 つの div を同じ高さに配置し、行の高さを同じに設定することを忘れないでください
オリジナルのポスターを見て、Web ページを学習していたときの悲惨な経験を思い出させました
あなたへ
どういたしまして 0c22f7a8dbc5652fc87b16cad8aa965debad9246e9a88ca9986fdff86cf7d18e601bdcda215048560bf18a7e6cdd3415申請時間
そう思いますか？いや、マスター…駄目ですよ
ちなみに、class="gg" 3つのdivを同じ高さに配置して、line-heightも同じになるように設定することを忘れないでください
このポスターを見て悲惨な状況を思い出しましたWeb ページを学習していたときの経験です
ちなみに、class="gg" を同じ高さに配置し、line-height を同じにすることを忘れないでください。 Web ページを学習していたときの惨めな経験を思い出しました
こんにちは、同じ高さ style="line-height:20px;" を設定しても機能しません。
スタイルを自由に調整できる、いわゆるページ作成です
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ul{padding:0;margin:0;list-style:none;}a{text-decoration:none;color:#000;}.col-xs-25 span{float:left;margin-right:10px;}.col-xs-25 span:last{margin-right:0;}</style></head><body><a href="audit_company1.html"><ul class="roww"> <li class="col-xs-25" > <span>申请时间</span> <span>每个状态气站名</span> <span>备注</span> </li></ul></a></body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ul{padding:0;margin:0;list-style:none;}a{text-decoration:none;color:#000;}.col-xs-25 span{float:left;margin-right:10px;}.col-xs-25 span:last{margin-right:0;}</style></head><body><a href="audit_company1.html"><ul class="roww"> <li class="col-xs-25" > <span>申请时间</span> <span>每个状态气站名</span> <span>备注</span> </li></ul></a></body></html>
ありがとうございます。また、私の CSS は他の人から引用したものです。私が自分で書いたものではありません。また、ブラウザーに合わせてページを設定するにはどうすればよいですか?