HTML でのテキストのデフォルトの配置は水平ですが、特殊な場合にはテキストを垂直に配置する必要があります。 1行テキストの縦書き .onecn{ 幅: 20px; マージン: 0 自動; 行の高さ: 24px; } .オニーン{ 幅: 15px; マージン: 0 自動; 行の高さ: 24px; フォントサイズ: 20px; word-wrap: break-word;/*英語で書くときに行を自動的に折り返すにはこの文を追加する必要があります*/ 単語区切り:すべて区切り; } 注: テキストを 1 行に垂直に配置するには、幅を 1 つのフォントに合わせて設定するだけで済みます。 複数行のテキストを縦に並べる 。二{ マージン: 0 自動; 高さ: 140px; writing-mode: vertical-lr;/*左から右、右から左の場合は writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE ブラウザの左から右、右から左は writing-mode: tb-rl;*/ } 注: 高さは非常に重要です。テキストと行の間隔を制御する必要がある場合は、letter-spacing 属性と line-height 属性を追加できます。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 |
>>: Web コンテンツ ページを作成するための 9 つの実用的なヒント
コンセプトMMM (Mysql のマスター マスター レプリケーション マネージャー) は、Perl...
序文まず、高性能サーバーの高可用性またはホットスタンバイソリューションである Keepalived ...
MySQL公式サイトのダウンロードアドレス: https://dev.mysql.com/downl...
具体的な方法は以下の通りです。 CSSコードコードをコピーコードは次のとおりです。 .wap_bot...
MySQLデータベースをインストールするa) MySQL ソースインストールパッケージをダウンロード...
参考までに、Vue3でナビゲーションバーコンポーネントをカプセル化し、スクロールバーのスクロールに合...
注 1: 上の画像の背景全体がこの Web ページのフルサイズであり、中央の小さなボックスがブラウザ...
まず質問させてください。HTML ページを作成するときに、外部から JS ファイルをインポートする場...
目次序文事前準備ディレクトリを作成するcustom.cnf を作成する証明書を作成するpxc クラス...
以前、動的フォームを記述しているときに落とし穴に遭遇しました。インデックスの添え字をキーとして使用す...
1. モバイル端末でクリックされたときにタグの青色を解除する { -webkit-tap-highl...
目次序文なぜユニットテストを導入するのですか?ユニットテストの概要テスト開発パターン1. テスト駆動...
目次環境説明Windows 10 に Docker for Windows をインストールするWin...
CSS は Web ページで非常に重要な役割を果たします。近年の CSS の発展に伴い、疑似要素/疑...
1. 環境整備CentOS Linux リリース 7.5.1804 (コア)インストールフォルダを作...