HTML / CSS -lineheight是否会影响<br>标记？
马修·弗朗西斯（Matthew Francis）
所以我想做这样的事情：
（我正在尝试复制亚马逊只是为了练习）
但是，当我尝试了一种更短，更好的方法时，那就是将显示更改为内联块。然后，为了居中，我将line-height类似于height。
但这引起了一个问题，“类别”一词也被下推。所以看起来像这样：
这是代码，我应该如何解决？
HTML：
<ul>
<li> <a class="nav-text" href="file:///C:/Users/Owner/AppData/Roaming/Sublime%20Text%203/Packages/User/practice1.html"> Shop by <br/> category </a>
</li>
</ul>
CSS：
.nav-text {
display: inline-block;
height: 100px;
padding: 0 20px;
line-height: 100px;
text-decoration:none;
font-size: 23px;
font-family: "Times New Roman", Times, serif;
color: white;
font-weight: 700;
margin-right: 30px;
}
斯科特·马库斯（Scott Marcus）
您完全不需要更改显示a。该a应具有：
{ vertical-align:middle; }
为它设置高度，其余的应该设置为规则，而li不是规则a。实际上，其他一些CSS属性也可以出现。
我还更新了小提琴以移动p您嵌套在a元素内的元素，使其现在成为a元素的父元素（语义上更正确）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS是否会影响HTML语义？
- 2
自动将HTML标记替换为“ <br>”
- 3
TransformerFactory破坏了<html>标记内的<input>和<br>标记
- 4
如何从mysql数据中删除除<br>之外的HTML标记？
- 5
Rails标记（：br）不被视为html_safe
- 6
将JSON \ n转换为HTML <br>标记
- 7
如何不标记<br>
- 8
h4 HTML标记会影响div对齐
- 9
换行后<br> <p>内的<p>内的文本将忽略<p>标记的css（如果还存在标题）
- 10
HTML / CSS锚标记样式专用
- 11
CSS更改特定HTML标记后的颜色
- 12
HTML页面深处的Jsoup CSS标记
- 13
使用CSS淡化HTML <a>锚标记
- 14
GitHub标记颜色更改HTML / CSS
- 15
HTML CSS响应段落标记
- 16
如何防止Jekyll-import（WordPress）用单个<P>标记替换两个<br> HTML标记？
- 17
html行高问题；<br> vs CSS行高
- 18
正则表达式删除除<br>以外的所有html标记
- 19
为什么html br换行标记在此代码中不起作用？
- 20
如何将html <br>标记添加到javascript中
- 21
<br/>字符串中的标记不能在html中正确地换行
- 22
br html标记在帮助程序文件中不起作用
- 23
用<br>标记替换\ n
- 24
前言是否有html标记
- 25
html页面上的任何meta标记是否会影响用于获取脚本，链接和任何其他资源的缓存策略？
- 26
HTML中的<li>标记是否带有结束标记？
- 27
Internet Explorer会误解html标记
- 28
Internet Explorer会误解html标记
- 29
HTML是否会影响Ajax调用
我来说两句