HTML CSS框样式
我正在尝试做一些CSS来补充我的HTML代码。我实际上是在尝试制作一个小盒子，它可以根据文本的数量改变大小。目前，这是它在行动中的样子。 基本上，我希望它在文本周围形成一个小方框。请注意图像中的最后一个“框”，如果字符串太长，它会将其截断并继续下一行 包括CSS代码和使用示例HTML CSS框样式,html,css,Html,Css,我正在尝试做一些CSS来补充我的HTML代码。我实际上是在尝试制作一个小盒子，它可以根据文本的数量改变大小。目前，这是它在行动中的样子。 基本上，我希望它在文本周围形成一个小方框。请注意图像中的最后一个“框”，如果字符串太长，它会将其截断并继续下一行 包括CSS代码和使用示例 <style type="text/css"> boxytest { padding: 10px; text-align: center; line-height: 400%%
<style type="text/css">
boxytest
{
padding: 10px;
text-align: center;
line-height: 400%%;
background-color: #fff;
border: 5px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}
</style>
<body>
<div align="center">
<boxytest> Hey guys! What's up? </boxytest>
</div>
</body>
boxytest
{
填充：10px；
文本对齐：居中；
线高：400%；
背景色：#fff；
边框：5px实心#666；
-webkit边界半径：30px；
-moz边界半径：30px；
边界半径：30px；
-webkit盒影：2px2p4px#888；
-莫兹盒阴影：2×2×4×888；
箱形阴影：2×2×4×888；
}
嘿，伙计们！怎么了？
非常感谢您的帮助。首先，在标记方面，您希望将boxytest作为一个类，而不是创建一个新元素。不要使用“对齐=中心”。这是一个痛苦的维持 我会这样做：
<body>
<p class="boxy">Test sentence</p>
<body>
.首先，在标记方面，您希望将boxytest作为一个类，而不是创建新元素。不要使用“对齐=中心”。这是一个痛苦的维持 我会这样做：
<body>
<p class="boxy">Test sentence</p>
<body>
正如chipcullen所说，发明自己的元素可能不是最好的方法。但要回答您的问题，您缺少的关键样式的偏差似乎是
display:inline block
正如chipcullen所说，发明自己的元素可能不是实现这一目标的最佳方式。但要回答您的问题，您缺少的关键样式的偏差似乎是display:inline block
你能把这个放在一个抽屉里吗？在这里，它放在小提琴里。你能把这个放在抽屉里吗？这是小提琴。我接受了你的建议，现在看起来是这样的。然而，有没有一种方法可以改变为更小的宽度，并且任何额外的单词都应该垂直延伸？很抱歉-我误解了-我以为你想要的文本根本不换行。这就是空白声明的目的。Simon West是对的-您需要添加display:inline块，如果您希望它居中，则需要应用文本align:center的父元素。我更新了你的小提琴：非常感谢你的帮助非常感谢！：）我接受了你的建议，现在看起来是这样的。然而，有没有一种方法可以改变为更小的宽度，并且任何额外的单词都应该垂直延伸？很抱歉-我误解了-我以为你想要的文本根本不换行。这就是空白声明的目的。Simon West是对的-您需要添加display:inline块，如果您希望它居中，则需要应用文本align:center的父元素。我更新了你的小提琴：非常感谢你的帮助非常感谢！：）知道了！谢谢你的帮助！知道了！谢谢你的帮助！