English 中文(简体)
为什么这一网页的线上高度不同?
原标题:Why are the line heights in this web page different?
问题回答

link

由于母体元素的体大小不同,你的边际大小不同。

如果你想要使用前后一致的差额,要么使用绝对值,如<代码>margin: 5px 0;或相对单位rem

rem is relative to the font size of the the root element, (default 16px).

.instruction {
    max-width: 48ch;
    display: flex;
    margin: 0.2rem 0;
    vertical-align: middle;
}

SideNote:

<代码>flex-direction:row; 是缺省值,因此不必加以界定。 link





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签