css - 如何在 div 中创建固定大小的文本框？附上图片

Question

您可以看到的输入文本(“oooooooo's”)贯穿整个页面和图像下方。我希望它停在红色阴影区域内。我将如何解决这个问题？

Answer 1

您可以使用 CSS 宽度属性为任何元素指定固定宽度。无论您是允许输入文本还是只显示文本，这都会起作用。

例子:

div{
width:400px;
background-image:url("yourimage.png");
}

textarea{
width:400px;
background-image:url("yourimage.png");
}

您的文本应该在该元素内。如果您遇到长词问题(例如您的 oooooooooo 示例)，您可以设置 word-wrap: break-word