gpt4 book ai didi

html - 响应式内容

转载 作者:行者123 更新时间:2023-11-28 02:46:23 25 4
gpt4 key购买 nike

你们能帮我解释一下吗?我有以下代码,但我不明白为什么 h 元素会拉伸(stretch)到我设置的宽度而 li 元素不会。

 <!DOCTYPE html>
<html>
<head>
<style>
ul li,h1{
width:20px;
display:inline-block;
}
</style>
</head>

<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<ul>
<li>fffffffffffffffffffaaaaaaa</li>
</ul>

</body>
</html>

我附上了一张图片,我不会让内容位于黑色边框内并像 block 元素一样向下拉伸(stretch),但我不会发生这种情况。 enter image description here

最佳答案

使用文字变形:

ul li,h1{
width:20px;
display:inline-block;
word-wrap: break-word;
}

关于html - 响应式内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41375875/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com