フォームのチェックボックスとラジオボタンのテキストを揃えるコード
|
type="radio" や type="checkbox" などの配置の問題、テスト済みブラウザ: ie7+/firefox8.0 原則: font-family の最初のフォントを Verdana フォントに設定します。テスト コードは次のとおりです。 コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <title>フォーム要素の入力とテキストを垂直中央揃えにする方法 - 123WORDPRESS.COMwebjx.com</title> <スタイル タイプ="text/css"> 本文 {font:12px/24px verdana;} ul {リストスタイル:なし;} 入力、ラベル { 垂直位置揃え:中央;} </スタイル> </head> <本文> <ul> <li><input type="radio" /><label>受益者契約</label></li> <li><input type="checkbox" /><label>受益者契約</label></li> <li><input type="radio" /><label>マイクロソフト</label></li> <li><input type="checkbox" /><label>マイクロソフト</label></li> </ul> </本文> </html> |
推薦する
HTML5+CSS3 ヘッダー作成例と更新
前回、私たちは 2 つのヘッダー レイアウト (フレックスボックス 1 つとフロート 1 つ) を考...
Dockerイメージ解析ツールのダイブ原理解析
今日は、Docker イメージ、各レイヤーの内容を調べ、Docker/OCI イメージのサイズを縮小...
CSSアニメーションを途中で止めて姿勢を維持する方法
序文かつて、難しい問題に遭遇しました。タワークレーンからスイングハウスを落下させる必要がありましたが...
モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します
仕事上、携帯電話に適応した Web ページ効果を作成する必要があります。ようやく完成しました。まずは...
Element-UIの10の驚くべきトリックのまとめ
目次el-scrollbar スクロールバーel-uploadはクリックをシミュレートしますel-s...
MySQL 文字セットの表示と変更のチュートリアル
1. 文字セットを確認する1. MYSQLデータベースサーバーとデータベースの文字セットを確認する方...
HTMLのリストタグを数える
1. <dl>はリストを定義し、<dt>はリスト内の項目を定義し、<d...
Ubuntu 18.04で国内ソースを変更する方法の例
Ubuntu はソースが中国からなのでダウンロード速度が比較的遅いです。CentOS と異なり、yu...
uniapp プロジェクトをデスクトップ アプリケーションとしてパッケージ化する方法
Electronのインストール cnpm 電子をインストール -g electron-package...
MySQL シリーズ 7 MySQL ストレージ エンジン
1. MyISAM ストレージエンジン欠点:トランザクションはサポートされていません最小粒度ロック:...
vue3.0共通コンポーネントの自動インポート方法の例
1. 前提条件インポートには require.context メソッドを使用します。vite で作成...
レイアウトサイズを変更するために左右にドラッグする純粋なCSS
ブラウザの非overflow:auto要素resize伸縮機能を利用して、JavaScript を使...
HTML フォーム タグの使用方法を学ぶチュートリアル
HTML のフォームを使用して、ユーザーからさまざまな種類の入力情報を収集できます。フォームは、実際...
v-html レンダリング コンポーネントの問題
以前 HTML を解析したことがあるので、今日は Vue ドラッグ アンド ドロップを使用して、Ku...
Centos ベースイメージの作成方法
序文現在、私の会社で使用しているオペレーティングシステムはすべて CentOS7.4 で、アプリケー...