Question

我有以下内容。错误类来自此处http://css.dzone.com/news/css-message-boxes-different-me

我添加了display：内联到div，所以它不会占用整行。但是现在不是进入下一行而是停留在同一行，而是在链接或登录表单上绘制。我该如何妥善处理？我不知道我是否应该添加<br>（如果可行）或更改属性css。

<div class="login">
<form action="/login" method="Post"><div>
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="Login">
</div></form></div>
<div class="error">Error back - Title</div><br>

</body>
</html>

Answer 1

display:inline使其行为就好像它只是另一个适用于页面普通文本流的项目。因此，如果您希望将其强制下一行，那么是的，您需要添加<br>。但是，如果您只是想限制错误消息框的宽度但仍然在自己的行上，那么您可能首先不需要display:inline - 相反，您只想设置width:属性，无论您希望框是多大（例如，width:500px;为500像素宽，或width:50%;为包含元素宽度的一半。）

显示：内联;重叠？

1 个答案: