spanタグのスタイルに幅属性を設定する方法
|
span タグのスタイルに width 属性を直接設定すると、効果がないことがわかります。 display:block が設定されている場合、width 属性は有効になりますが、span は div と同じになります。 display:inline-block が設定されている場合、span は同じ行に配置され、width プロパティが有効になります。 要素表示属性の一般的な値: 1) ブロック: ブロックオブジェクトのデフォルト値。オブジェクトをブロック オブジェクトとしてレンダリングし、オブジェクトの後に改行を追加します。 2) inline: インライン オブジェクトのデフォルト値。オブジェクトをインライン オブジェクトとしてレンダリングし、オブジェクトから行を削除します。 3) inline-block: オブジェクトをインライン オブジェクトとしてレンダリングしますが、オブジェクトの内容はブロック オブジェクトとしてレンダリングされます。隣接するインライン オブジェクトは同じ行にレンダリングされます。 4) 非: 隠されたオブジェクト。 visibility プロパティの hidden 値とは異なり、hidden オブジェクト用に物理的なスペースは予約されません。 |
>>: type=fileファイル変更フォームの名前が正常にエコーされない問題を解決
推薦する
MySQL がテーブルを読み取れないエラー (MySQL 1018 エラー) の解決方法
1. エラーの再現MySQL データベースにはアクセスできますが、データベース テーブルを読み取るこ...
Vueは大画面ページのスクリーン適応を実現します
この記事では、大画面ページのスクリーンアダプテーションを実現するためのVueの具体的なコードを参考ま...
mysql を解決: エラー 1045 (28000): ユーザー 'root'@'localhost' のアクセスが拒否されました (パスワードの使用: NO/YES)
1. 問題時々Mysqlにログインしてパスワードを入力すると、この状況が発生しますmysql -u...
高速でクールな揺れアニメーション効果を実現するCSS
1. Animate.css の紹介Animate.css は、Web プロジェクトですぐに使用で...
Vue2は応答性を提供するためにprovide injectを実装しています
1. vue2 での従来の書き方 // 親コンポーネントは 'foo' を提供します...
Web デザインにおける HTML フォーマットと長いファイルに関するヒント
<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案、W...
Web プロジェクト開発 JS 機能の手ぶれ補正とスロットリングのサンプル コード
目次安定導入手ぶれ補正シーン1（マウスの動き込み）手ぶれ補正シーン2（キーボードのキー）関数のスロッ...
Linux ユーザー状態とカーネル状態間の通信方法の詳細な説明
CPU 権限の制限により、Linux ユーザー状態とカーネル状態間の通信は、プロセス間通信を使用した...
WeChatアプレットがログインインターフェースを実装
WeChatアプレットのログインインターフェースは参考までに実装されています。具体的な内容は次のとお...
ローカルの Windows リモート デスクトップから Alibaba Cloud Ubuntu 16.04 サーバーに接続する方法
ローカル Windows リモート デスクトップが Alibaba Cloud Ubuntu 16....
Tomcat マルチインスタンスの展開と構成の原則
1. ファイアウォールをオフにし、Tomcatのインストールに必要なソフトウェアパッケージを/opt...
チェックボックスの不確定プロパティの使用の紹介
Windows XP でフォルダーのプロパティ ダイアログ ボックスを使用すると、フォルダーの属性カ...
Centos7 ベースの Varnish キャッシュ プロキシ サーバーを展開する
1. ワニスの概要1. ワニスの紹介Varnish は、新しいソフトウェア アーキテクチャを使用し、...
MySQL DMLステートメントの使用に関する詳細な説明
序文：前回の記事では、注意深い学生であれば発見できたかもしれない DDL ステートメントの使用法を中...
XHTMLタグには終了タグがある
<br />オリジナルリンク: http://www.dudo.org/article....