li の 2 つの div のフォントを同じ水平線に配置する方法_html/css

タイトルと画像のように、これらのフィールドを同じ水平線上に置くことはできません。

ディスカッションに返信（解決策）

スタイルに関係なく、ネストされた構造には問題があり、少なくともフロントエンドタグのネスト仕様に違反しています

さらに、結果、特に最も簡単な方法データを表示するにはテーブルを使用する必要があります

スタイルに関係なく、ネストされた構造には問題があり、少なくともフロントエンドタグのネスト仕様に違反しています

さらに、結果、特にデータを表示したい場合、最も簡単な方法は、テーブルを使用することです

テーブルを使用できることは知っていますが、これは他の人のものですが、これら 3 つのフィールドをどのように同じレベルにできるのかを聞きたいだけです。ありがとう

あなたにとって

これらの 2 つのクラスに、line-height: 20px などを加えます
どういたしまして

ちなみに class= "gg" はやめてください3 つの div を同じ高さに配置し、行の高さを同じに設定することを忘れないでください
オリジナルのポスターを見て、Web ページを学習していたときの悲惨な経験を思い出させました

あなたへ

これら 2 つのクラスと同じ line-height (例: line-height: 20px)
どういたしまして

申請時間

備考

;
そう思いますか？いや、マスター…駄目ですよ

ちなみに、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 は他の人から引用したものです。私が自分で書いたものではありません。また、ブラウザーに合わせてページを設定するにはどうすればよいですか?