ホームページ  >  記事  >  ウェブフロントエンド  >  CSS ul li_html/css_WEB-ITnose でのテキストの配置の問題

CSS ul li_html/css_WEB-ITnose でのテキストの配置の問題

WBOY
WBOYオリジナル
2016-06-24 12:16:521579ブラウズ

CSS について少しは知っています...

ul li でテキストの位置を設定する方法を見つけるのを手伝ってください







上の画像は、変更するスタイルです。下の写真は私が撮ったものですが、上の写真の位置を教えていただけますか。


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

liにpadding-leftを設定して設定すると、その分幅が減ります

全体的にパディングが下に移動していませんか?

まずボックスモデルを見に行きます

パディングは上下左右に設定できます。たとえば、padding: 1px 2px 3px 4px に対応します。それぞれ余白。
padding-left:1px;padding-top:2px; などを通じて個別に設定することもできます

我试试看

画像のようなテキストコンテンツを表示するだけの場合は、上記の li を追加することを選択します: text-indent:20px;

ああ、垂直または中央の位置が表示されないので、line-height:30px; を追加します。この値は通常、各ブラウザで同じ高さに設定されます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。