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ファイル変更フォームの名前が正常にエコーされない問題を解決

推薦する

Vue codemirrorはオンラインコードコンパイラの効果を実現します

序文Web 上でオンライン コード コンパイルの効果を実現したい場合は、 CodeMirrorを再度...

Mysql5.7 のルートパスワードを忘れた場合の対処法 (シンプルで効果的な方法)

前回の記事では、MySQL 5.7でルートパスワードを忘れた場合と、MySQL 5.7でルートパスワ...

Docker データ ストレージ ボリュームの詳細な説明

デフォルトでは、コンテナ データの読み取りと書き込みはコンテナのストレージ レイヤーで行われます。コ...

CSSの使用に関する深い理解 clear:both

clear:both清除浮動これは私が常に持っていた印象ですが、私はこれをめったに使用せず、私の理...

iframe の src が指すコンテンツが更新されない問題の解決方法の詳細な説明

問題の説明html <iframe id="h5Content" src=...

IP アドレス経由で MySql にアクセスする方法

1. mysqlにログインします。 mysql -u ルート -h 127.0.0.1 -p 2. ...

Linux システムで HugePages をすばやく構成するための完全な手順

序文Linux システムの HugePages と Oracle データベースの最適化については、関...

6ull が Linux ドライバ モジュールをロードできない問題の解決方法

目次0x01 ドライバーモジュールのロードに失敗しました0x02 ソリューション要約する0x01 ド...

Mysql ファジークエリが大文字と小文字を区別するかどうかの詳細な調査

序文最近、私は小さな個人ブログ プロジェクトを書くのに忙しくしています。 「グローバル検索」機能を実...

CSSの複数条件の書き方の詳細説明:

:not疑似クラスセレクターは、式に一致しない要素をフィルタリングできます。例 テーブル tbod...

理論の普及——ユーザーエクスペリエンス

1. 概念分析 1: UE ユーザー エクスペリエンス <br />英語ではユーザー エ...

URLエスケープエンコーディングの特殊文字に基づいて

目次URL 内の特殊文字URL 特殊文字エスケープ、URL 内の一部の文字には特別な意味があり、基本...

vue.config.js パッケージ最適化構成

Baiduの情報は多様すぎて目が回ります。心配しないでください。私はあなたのためにそれを体験しました...

意外と知らないJSのループ速度テストのいろいろを徹底解説

目次序文1. forループ2. whileループとdo-whileループ3. forEach、map...

最も単純な ErrorBoundary コンポーネントをカプセル化して、React 例外を処理する

序文React 16から、子コンポーネントで発生したエラーを捕捉し、エラーログを記録し、ダウングレー...