spanタグのスタイルに幅属性を設定する方法

spanタグのスタイルに幅属性を設定する方法
span タグのスタイルに width 属性を直接設定すると、効果がないことがわかります。

display:block が設定されている場合、width 属性は有効になりますが、span は div と同じになります。
display:inline-block が設定されている場合、span は同じ行に配置され、width プロパティが有効になります。

要素表示属性の一般的な値:

1) ブロック: ブロックオブジェクトのデフォルト値。オブジェクトをブロック オブジェクトとしてレンダリングし、オブジェクトの後に改行を追加します。
2) inline: インライン オブジェクトのデフォルト値。オブジェクトをインライン オブジェクトとしてレンダリングし、オブジェクトから行を削除します。
3) inline-block: オブジェクトをインライン オブジェクトとしてレンダリングしますが、オブジェクトの内容はブロック オブジェクトとしてレンダリングされます。隣接するインライン オブジェクトは同じ行にレンダリングされます。
4) 非: 隠されたオブジェクト。 visibility プロパティの hidden 値とは異なり、hidden オブジェクト用に物理的なスペースは予約されません。

<<:  Vueのインストール方法の紹介

>>:  type=fileファイル変更フォームの名前が正常にエコーされない問題を解決

推薦する

MySQL 5.5.27 winx64 のインストールと設定方法のグラフィックチュートリアル

1. インストールパッケージMYSQLサービスダウンロードアドレス:MySQL公式サイトからダウンロ...

Dockerコンテナの中国語言語パックの設定の問題を解決する

Dockerでdocker search centosを使用する場合docker pull dock...

CSS3 box-shadow プロパティの詳細な例

CSS3 - 影の追加(ボックスシャドウの使用) CSS3 - div またはテキストに影を追加する...

MySQLトリガーの使用と注意すべき点

目次トリガーについてトリガーの使用トリガーを作成するトリガーを表示トリガーの削除使用上の注意新旧の違...

JavaScriptのアロー関数の特徴と通常の関数との違い

目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...

ウェブページの色特性の分類

色特性の分類あらゆる色は、赤、緑、青の三原色から構成されます。三原色の中で暖色なのは赤だけなので、作...

MySQL の 2 種類の一時テーブルの使用方法の詳細な説明

外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...

nginxを使用して画像サイズを動的に変換し、サムネイルを生成します。

Nginx ngx_http_image_filter_module モジュール (nginx バ...

Linux での sshd サービスとサービス管理コマンドの詳細な説明

sshd SSH は Secure Shell の略で、アプリケーション層のセキュリティ プロトコル...

WeChatアプレットの手動および自動追跡の実装の詳細説明(Taro)

どの企業もユーザーベースを拡大したいのであれば、ユーザーの操作データを収集・分析する必要があり、その...

フレックスレイアウトを使用してページレイアウトを簡単に実装するためのサンプルコード

では、早速コードを見てみましょう。 1. 上部、中央、下部のレイアウト: <!DOCTYPE ...

http-proxy-middlewareを使用してNodeでプロキシクロスドメインを実装する方法と手順

目次1. プロキシモジュールをインストールする2. プロキシを設定する1. プロキシモジュールをイン...

Linux ファイルシステムの説明: ext4 以降

今日は、ext3 や他の以前のファイル システムとの違いを含め、ext4 の歴史について説明します。...

Linux で rsync を使用する方法

目次1. はじめに2. インストール3. 基本的な使い方3.1、-rパラメータ3.2、-aパラメータ...

...