Html 更改列表字体大小可重新调整整个li的大小
我试图通过使用html列表创建标题,但当我尝试将字体大小更改为较小的值时,它会自动重新调整整个li的大小 注释掉字体大小标签,看看我的意思 HTML: 我应该改用divs还是有其他解决方案?您正在使用设置链接的宽度/高度Html 更改列表字体大小可重新调整整个li的大小,html,css,html-lists,Html,Css,Html Lists,我试图通过使用html列表创建标题,但当我尝试将字体大小更改为较小的值时,它会自动重新调整整个li的大小 注释掉字体大小标签,看看我的意思 HTML: 我应该改用divs还是有其他解决方案?您正在使用设置链接的宽度/高度 em与字体大小有关,因此当您更改时,也会更改其尺寸您正在使用设置链接的宽度/高度 em与字体大小有关,因此当您更改它们时,也会更改它们的尺寸当您使用display:inline时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点 如果您希望页眉始终占据相同的
em
与字体大小有关,因此当您更改时,也会更改其尺寸您正在使用设置链接的宽度/高度
em
与字体大小有关,因此当您更改它们时,也会更改它们的尺寸当您使用display:inline
时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点
如果您希望页眉始终占据相同的宽度,请考虑元素的浮动和设置百分比宽度,这取决于元素的数量(5个元素=20%个宽度)。
您还可以在
#header
元素上设置背景色,以便始终占用相同的空间,但链接会改变其中的大小。使用显示:内联
时,元素的大小将取决于文本(以及文本的大小)。有很多方法可以改变这一点
如果您希望页眉始终占据相同的宽度,请考虑元素的浮动和设置百分比宽度,这取决于元素的数量(5个元素=20%个宽度)。 您还可以在
#header
元素上设置背景色,以便始终占用相同的空间量,但其中的链接大小会发生变化。请添加以下内容:
#header h1{
font-size: 8pt;
}
谢谢。请添加以下内容:
#header h1{
font-size: 8pt;
}
谢谢。我会创建一个div作为标题,然后将ul放入其中。您将对样式有更多的控制。要仅更改a标记上的字体大小,请添加字体大小;对于#头a{}。我将创建一个div作为头,然后将ul放入其中。您将对样式有更多的控制。要仅更改a标记上的字体大小,请添加字体大小;由于
a
元素的尺寸是使用em
单元设置的,因此当元素的字体大小改变时,它们会改变。这也会更改封闭的li
元素的维度,因为a
元素是其唯一内容
结论取决于你想要什么。通过使用
em
单位设置尺寸,您明确希望它们取决于字体大小。如果您不希望这样,请使用其他单位,例如px
(尽管这不可避免地提出了一个问题,即当字体大小增加到大于px
单位中设置的高度时会发生什么情况)。因为a
元素的尺寸是使用em
单位设置的,当元素的字体大小改变时,它们也会改变。这也会更改封闭的li
元素的维度,因为a
元素是其唯一内容
结论取决于你想要什么。通过使用em
单位设置尺寸,您明确希望它们取决于字体大小。如果不希望这样,请使用其他单位,例如px
(尽管这不可避免地提出了一个问题,即当字体大小增加到大于px
单位中设置的高度时会发生什么情况)。添加css属性
#header a{
font-size: 8pt;
}
添加css属性
#header a{
font-size: 8pt;
}
我不确定我是否正确理解了你的问题,但这是你想要的吗?您的宽度和高度在
em
中,因此当您更改li
的字体大小时,锚定将继承字体大小,并且您的宽度和高度为affected@ayushi是的,这正是我的意思。。。一个关于这个问题的回复帖子就太好了!补充。你可以通过勾选来接受它。谢谢:)我不确定我是否正确理解了你的问题,但这是你想要的吗?您的宽度和高度在em
中,因此当您更改li
的字体大小时,锚定将继承字体大小,并且您的宽度和高度为affected@ayushi是的,这正是我的意思。。。一个关于这个问题的回复帖子就太好了!补充。你可以通过勾选来接受它。谢谢:)