ホームページ > ウェブフロントエンド > htmlチュートリアル > このCSSはどうやって書けばいいのでしょうか? _html/css_WEB-ITnose

このCSSはどうやって書けばいいのでしょうか? _html/css_WEB-ITnose

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

  • pic業務処理pic


  • a6.png の高さがテキストよりも高いのですが、どうすれば業務処理のテキストを表示できますか。画像の真ん中にあるpngは矢印ですが、どうすれば右端に表示されますか?


    ディスカッションに返信(解決策)

    <!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>        <style>           li img{			vertical-align: middle;		   }		   li a {			float:left;		   }		   li .img {			float:right;		   }        </style>    </head>    <body>		<li>			<a href='javascript:void(0)' id='a_6'>				<img src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/>业务办理			</a>			<img class="img" src='http://avatar.profile.csdn.net/1/5/D/2_duu007.jpg' alt='pic'/>		</li>    </body></html>
    ログイン後にコピー

    float(float)を使用してください

    1階は実装されましたが、2番目の図がvertical-align: middleを追加しましたが、左側のテキストが収まりません真ん中。これをどうやって書くか?

    pic
    pic


    div を使用して実装されます。

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