Table of Contents
回复内容:
Home Web Front-end H5 Tutorial 如何使用 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。
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Moondrop releases Block true wireless earbuds with low-latency game mode Moondrop releases Block true wireless earbuds with low-latency game mode Aug 10, 2024 pm 03:31 PM

Moondrop has released the Block true wireless earbuds for audio enthusiasts that sit comfortably in the outer ear. Unlike earbuds jammed into ear canals, the Block does not cause a plugged ear feeling or collect ear wax. The 13 mm driver is enclosed

What is REM (full name REMME)? What is REM (full name REMME)? Feb 21, 2024 pm 05:00 PM

What coin is REMME? REMME is a cryptocurrency based on blockchain technology dedicated to providing highly secure and decentralized network security and identity verification solutions. The project aims to use distributed encryption technology to enhance and simplify the user authentication process, thereby improving security and efficiency. The innovation of REMME is that it uses the immutability and transparency of the blockchain to provide users with a more reliable identity verification method. By storing authentication information on the blockchain, REMME eliminates the single point of failure of centralized authentication systems and reduces the risk of data theft or tampering. This blockchain-based authentication method is not only more secure and reliable, but also provides users with the background of REMME. In the current digital era, the network

The evolution and application of CSS layout units: from pixels to relative units based on the font size of the root element The evolution and application of CSS layout units: from pixels to relative units based on the font size of the root element Jan 05, 2024 pm 05:41 PM

From px to rem: The evolution and application of CSS layout units Introduction: In front-end development, we often need to use CSS to implement page layout. Over the past few years, CSS layout units have evolved and developed. Initially we used pixels (px) as the unit to set the size and position of elements. However, with the rise of responsive design and the popularity of mobile devices, pixel units have gradually exposed some problems. In order to solve these problems, the new unit rem came into being and was gradually widely used in CSS layout. one

Detailed explanation of CSS dimension properties: height and width Detailed explanation of CSS dimension properties: height and width Oct 21, 2023 pm 12:42 PM

Detailed explanation of CSS dimension properties: height and width In front-end development, CSS is a powerful style definition language. Among them, height and width are the two most basic dimension attributes, used to define the height and width of the element. This article will analyze these two properties in detail and provide specific code examples. 1. Height attribute The height attribute is used to define the height of an element. You can use pixel, percentage or

CSS unit property optimization tips: em, rem, px and vw/vh CSS unit property optimization tips: em, rem, px and vw/vh Oct 20, 2023 pm 12:54 PM

CSS unit attribute optimization tips: em, rem, px and vw/vh Introduction: In web design and development, CSS unit attributes play a very important role. The correct selection and use of appropriate unit attributes can make the page display more beautiful and consistent on different devices and screen sizes. This article will introduce some commonly used CSS unit properties and provide specific code examples to help readers better master these optimization techniques. em unit: em unit is calculated relative to the font size of the parent element. For example

Guide to CSS unit properties: em, rem, px and vw/vh Guide to CSS unit properties: em, rem, px and vw/vh Oct 25, 2023 am 10:37 AM

Guide to CSS unit properties: em, rem, px and vw/vh When writing CSS styles, it is very important to choose the appropriate unit properties. This article will introduce several commonly used unit attributes: em, rem, px and vw/vh, and provide specific code examples. emem (font size unit) is a unit relative to the font size of the parent element. If the font size of the parent element is 16px, 1em is equal to 16px. When em is used for other attributes (such as width, height, etc.), it is also relative to the parent element

How to solve the 1px pixel problem on Vue mobile terminal How to solve the 1px pixel problem on Vue mobile terminal Jun 30, 2023 pm 06:21 PM

How to solve the 1px pixel problem on the mobile side in Vue development. With the rapid development of the mobile Internet, the demand for mobile applications is increasing day by day. However, the diversity of mobile device screen sizes and pixel densities poses certain challenges for developers. One of the common problems is the 1px pixel problem on mobile. This article will introduce how to solve the 1px pixel problem on the mobile side in Vue development. The root of the problem The root of the 1px pixel problem on the mobile side lies in the mismatch between the physical pixels of the mobile device and the device-independent pixels. Device independent pixels (CSS like

What are the commonly used CSS length units? What are the commonly used CSS length units? Feb 19, 2024 pm 09:10 PM

The most commonly used length units in CSS are pixels (px), percentages (%), and rem, em, vh, vw, pt, cm, mm, in, etc. These units can be used to set the element's width, height, border size, font size, etc. The pixel (px) unit is one of the most commonly used units. It is a fixed length unit calculated relative to the physical pixels of the electronic screen. Here is a code example: div{width:200px;heigh

See all articles