ホームページ > 記事 > ウェブフロントエンド > CSSを使用してdivの下部にテキストを配置する方法
#このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン。この記事はすべてのブランドのコンピューターに適用されます。 背景: CSS には、テキストをコンテナの下部に配置するためのパラメータがありません。この問題を解決するには、position 属性の使用を検討してください。 (学習ビデオ共有:div の下部にテキストを配置する Css メソッド: これは、[#txt{position:relative;} #txt p などの、position 属性の相対位置指定と絶対位置指定を利用して実現できます。 {位置:絶対;}]。
css ビデオ チュートリアル)
属性の紹介: position 属性は要素 (静的、相対、絶対、または固定) を指定します。 ) 位置決め方法のタイプ。 属性値:<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type="text/css"> #txt{ height:300px; width:300px; border:1px solid #333333; text-align:center; position:relative; } #txt p{ position:absolute; bottom:0px; padding:0px; margin:0px } </style> </head> <body> <div id=txt> <p>aadsad</p> </div> </body> </html>関連する推奨事項:
以上がCSSを使用してdivの下部にテキストを配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。