Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > In the browser's compatibility mode, the Chinese text of the button is not displayed vertically in the center.

In the browser's compatibility mode, the Chinese text of the button is not displayed vertically in the center.

WBOY

Release： 2016-08-22 10:14:00

Original

1607 people have browsed it

<span style="color: #0000ff;"><</span><span style="color: #800000;">button </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="cursor:pointer;vertical-align: middle;"</span> <span style="color: #0000ff;">></span>删除<span style="color: #0000ff;"></</span><span style="color: #800000;">button</span><span style="color: #0000ff;">></span>

Copy after login

At this time, the vertical position is not centered.

<span style="color: #0000ff;"><</span><span style="color: #800000;">button </span><span style="color: #ff0000;">style</span><span style="color: #0000ff;">="cursor:pointer;vertical-align: middle;<span style="color: #ff0000;"><strong>height</strong></span>:21px;"</span> <span style="color: #0000ff;">></span>删除<span style="color: #0000ff;"></</span><span style="color: #800000;">button</span><span style="color: #0000ff;">></span>

Copy after login

Now it’s vertically centered. Added height style to it.

Related labels：

浏览器的兼容模式下的button中文字垂直方向不居中显示

source：php.cn

Previous article：JavaScript basics Next article：HTML+CSS project development summary

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