gpt4 book ai didi

css - 连续两个圆形边框框?

转载 作者:太空宇宙 更新时间:2023-11-04 15:24:52 24 4
gpt4 key购买 nike

<style>
#firstname
{
border: 2px solid #3b5998;
padding: 10px 40px;
width: 100px;
background: #daf0ff;

}
</style>
</head>
<body>

<p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box, </p><p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box,</p>

在 bowser 上查看后,它在不同的行中显示框....如何将它们放在同一行中?

最佳答案

使用 float: leftdisplay: inline-block在你的 <p />标签。

解释:
您在这里使用 block 元素 ( <p /> )。除非你 float 它们,否则它们总是会强制换行。您可以使用内联元素(例如 <span/> 并排显示它们,但这会破坏 padding 。因此 float 它们或我们的混合 display: inline-block

关于css - 连续两个圆形边框框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14166170/

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