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.

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-08-22 10:14:001624browse
<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>

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>

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

Statement:
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
Previous article:JavaScript basicsNext article:JavaScript basics