如何使用 CSS3 实现 TeX 一般强大的行内元素排版?
包括但不限于:
- 精确指定某个 inline-block 的高度(Height,TeX 术语)和深度(Depth),并使当前行行高与之相协调
- 精确地将某个 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。

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

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 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

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 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 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 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 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

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
