ホームページ >ウェブフロントエンド >htmlチュートリアル >このCSSはどうやって書けばいいのでしょうか？ _html/css_WEB-ITnose
このCSSはどうやって書けばいいのでしょうか？ _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:10:18920ブラウズ
25edfb22a4f469ecb59f1190150159c6d03df25916193a8cac20bb67af99291b918146b48e4fa9cfeb13c7e5236fa5d0業務処理5db79b134e9f6b82c0b36e0489ee08eda694ce152b3066ba767c79ca1d2d6099bed06894275b65c1ab86501b08a632eb
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を追加しましたが、左側のテキストが収まりません真ん中。これをどうやって書くか？
52e49f7d6389bc6d3aecc7e3294234e18aa2918506a11e8a886e85949f1eb079918146b48e4fa9cfeb13c7e5236fa5d011364db62ef005e8f90a35b57c4a8e94業務処理5db79b134e9f6b82c0b36e0489ee08ed16b28748ea4df4d9c2150843fecfba68
52e49f7d6389bc6d3aecc7e3294234e1fd39ad3376b9aee0bf7167c26f7a7e3d16b28748ea4df4d9c2150843fecfba68
div を使用して実装されます。