ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS ul li_html/css_WEB-ITnose でのテキストの配置の問題

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

WBOY
リリース: 2016-06-24 12:16:52
オリジナル
1662 人が閲覧しました

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

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







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


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

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

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

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

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

我试试看
ログイン後にコピー

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

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

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