HTMLでaタグを中央揃えに設定する方法

htmla タグを中央揃えに設定するには、ブロック要素 [

text< /a>

] をクリックすると、ラベルが垂直方向の中央に配置されます。

#この記事の動作環境: winidows10 システム、html 5、thinkpad t480 コンピューター。

a タグを HTML の中央に配置するように設定するのは、実際には比較的簡単です。ただし、a タグを中央揃えにする場合は、次の 2 つの場合に分けられるので、以下に見てみましょう。

最初のケース: ブロック要素内の タグを中央揃えにします。

HTML コード - ブロック要素内の タグ (例: "

< ;a href="#">Text

"

この

タグにスタイル コードを追加できます

Text

垂直方向の中央揃えを実現する

コード例:

<p style="text-align: center"><a href="http://www.php.cn">php中文网</a></p>

2 番目のケース:個別の < を中央揃えにします。 a> タグ

タグが分離されている場合は、まず タグをブロック要素に変換し、次に幅を追加して、そのテキストを中央に配置します < a href="#" style="display:inline-block; width:100px; text-align:center">テキストたとえば、コード例

学技术从<a href="http://www.php.cn" style="display:inline-block; width:110px; text-align:center">php.cn</a>开始!

関連する推奨事項:

htmlビデオ チュートリアル

以上がHTMLでaタグを中央揃えに設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。