目次
回复内容:
ホームページ ウェブフロントエンド H5 チュートリアル 如何使用 CSS3 实现 TeX 一般强大的行内元素排版?

如何使用 CSS3 实现 TeX 一般强大的行内元素排版?

Jun 07, 2016 am 08:45 AM
Block height inline rem

包括但不限于:

  1. 精确指定某个 inline-block 的高度(Height,TeX 术语)和深度(Depth),并使当前行行高与之相协调
  2. 精确地将某个 inline-block 离上边缘特定距离(以 em/rem 作单位)的位置和其外部所在行的基线对齐

回复内容:

完整呈現還要花些時間,例如Hachette Livre的專家Dave Cramer在完成(?)拉丁排版與分頁需求後,寫了 CSS inline layout這份文件。就在處理你所提到的部分問題。
http://dev.w3.org/csswg/css-inline/

TeX的確很強,HTML與CSS在他面前宛如赤子。但現在W3C的目的就是希望Web技術可以達到TeX的等級,而到那一步時,就會取代TeX。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Moondrop が低遅延ゲームモードを備えたブロック完全ワイヤレスイヤホンをリリース Moondrop が低遅延ゲームモードを備えたブロック完全ワイヤレスイヤホンをリリース Aug 10, 2024 pm 03:31 PM

Moondrop は、オーディオ愛好家向けに、外耳に快適にフィットする Block 完全ワイヤレス イヤホンをリリースしました。外耳道に詰まったイヤフォンとは異なり、ブロックは耳の詰まり感を引き起こしたり、耳垢を集めたりしません。 13mmドライバーを同梱

REM(フルネームREMME)とは何ですか? REM(フルネームREMME)とは何ですか? Feb 21, 2024 pm 05:00 PM

REMMEとは何のコインですか? REMME は、安全性の高い分散型ネットワーク セキュリティと身元確認ソリューションの提供に特化したブロックチェーン テクノロジーに基づく暗号通貨です。このプロジェクトは、分散暗号化技術を使用してユーザー認証プロセスを強化および簡素化し、それによってセキュリティと効率を向上させることを目的としています。 REMME の革新性は、ブロックチェーンの不変性と透明性を利用して、より信頼性の高い本人確認方法をユーザーに提供することです。 REMME は認証情報をブロックチェーンに保存することで、集中認証システムの単一障害点を排除し、データの盗難や改ざんのリスクを軽減します。このブロックチェーンベースの認証方法は、より安全で信頼性が高いだけでなく、ユーザーに REMME の背景を提供します。

CSS レイアウト単位の進化と応用: ピクセルからルート要素のフォント サイズに基づく相対単位へ CSS レイアウト単位の進化と応用: ピクセルからルート要素のフォント サイズに基づく相対単位へ Jan 05, 2024 pm 05:41 PM

px から rem へ: CSS レイアウト ユニットの進化と応用 はじめに: フロントエンド開発では、多くの場合 CSS を使用してページ レイアウトを実装する必要があります。過去数年にわたって、CSS レイアウト ユニットは進化し、発展してきました。最初は要素のサイズと位置を設定する単位としてピクセル (px) を使用しました。しかし、レスポンシブ デザインの台頭とモバイル デバイスの普及により、ピクセル ユニットにはいくつかの問題が徐々に明らかになってきました。これらの問題を解決するために、新しい単位 rem が登場し、CSS レイアウトで徐々に広く使用されるようになりました。 1つ

CSS の寸法プロパティの詳細な説明: 高さと幅 CSS の寸法プロパティの詳細な説明: 高さと幅 Oct 21, 2023 pm 12:42 PM

CSS 寸法プロパティの詳細な説明: 高さと幅 フロントエンド開発において、CSS は強力なスタイル定義言語です。その中で、高さと幅は 2 つの最も基本的な寸法属性であり、要素の高さと幅を定義するために使用されます。この記事では、これら 2 つのプロパティを詳細に分析し、具体的なコード例を示します。 1. height 属性 height 属性は、要素の高さを定義するために使用されます。ピクセル、パーセンテージ、または

CSS ユニット プロパティの最適化のヒント: em、rem、px および vw/vh CSS ユニット プロパティの最適化のヒント: em、rem、px および vw/vh Oct 20, 2023 pm 12:54 PM

CSS ユニット属性の最適化のヒント: em、rem、px および vw/vh はじめに: Web デザインと開発において、CSS ユニット属性は非常に重要な役割を果たします。適切なユニット属性を正しく選択して使用すると、さまざまなデバイスや画面サイズでページをより美しく一貫して表示できます。この記事では、一般的に使用されるいくつかの CSS ユニット プロパティを紹介し、読者がこれらの最適化テクニックをよりよく習得できるように、具体的なコード例を示します。 em 単位: em 単位は、親要素のフォント サイズを基準にして計算されます。例えば

CSS 単位プロパティのガイド: em、rem、px および vw/vh CSS 単位プロパティのガイド: em、rem、px および vw/vh Oct 25, 2023 am 10:37 AM

CSS 単位プロパティのガイド: em、rem、px および vw/vh CSS スタイルを記述するときは、適切な単位プロパティを選択することが非常に重要です。この記事では、一般的に使用されるいくつかの単位属性 (em、rem、px、vw/vh) を紹介し、具体的なコード例を示します。 emem (フォント サイズ単位) は、親要素のフォント サイズに対する相対的な単位です。親要素のフォント サイズが 16px の場合、1em は 16px に相当します。 em が他の属性 (幅、高さなど) に使用される場合、親要素にも相対的になります。

Vue モバイル端末での 1px ピクセルの問題を解決する方法 Vue モバイル端末での 1px ピクセルの問題を解決する方法 Jun 30, 2023 pm 06:21 PM

Vue 開発でモバイル側の 1px ピクセル問題を解決する方法 モバイル インターネットの急速な発展に伴い、モバイル アプリケーションの需要は日に日に増加しています。ただし、モバイル デバイスの画面サイズとピクセル密度は多様であるため、開発者には一定の課題が生じます。よくある問題の 1 つは、モバイルでの 1px ピクセルの問題です。この記事では、Vue開発におけるモバイル側の1pxピクセルの問題を解決する方法を紹介します。問題の根本 モバイル側の 1px ピクセル問題の根本は、モバイル デバイスの物理ピクセルとデバイスに依存しないピクセルの間の不一致にあります。デバイスに依存しないピクセル (CSS のような)

CSS の表示属性の一般的な属性値について詳しく見る CSS の表示属性の一般的な属性値について詳しく見る Feb 02, 2024 pm 12:03 PM

CSS の表示属性の共通属性値を深く理解するには、具体的なコード例が必要です はじめに: CSS の表示属性は、要素の表示方法を制御する重要な属性の 1 つです。ボックスを生成するかどうか、専用の行を占有するかどうか、表示するかどうかなど、要素がドキュメント内でどのように表示されるかを決定します。この記事では、表示属性の一般的な属性値を詳しく紹介し、読者がこれらの属性値の使用法をよりよく理解して習得できるように、具体的なコード例を添付します。 blockblock は表示属性です

See all articles