asp.net - CSS 表单，表单右侧有宽度和验证错误消息

Question

我有一个简单的 html 表单。此表单具有特定的宽度和边距，因此表单位于屏幕中间。

form 
{
    margin: 0px auto;
    padding: 0;
    min-width: 600px;
    width: 650px;
}

我验证是否所有文本框都已填充。我将 asp:RequiredFieldValidator 与自己的 css 类一起使用

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
}

但是由于表单的最大宽度，错误消息不会立即显示在表单之外。错误消息将中断到第二行。我不能使用绝对位置，因为表单位于屏幕中间。

问题是表单有边框，我无法扩展最大宽度。这是一个截图：http ://suffball.de/form_error.png

我怎样才能把错误信息放在表格的右边？我需要一个没有 javascript 的解决方案。

这可能吗？

谢谢你！

Answer 1

更改您的.ErrorMessageCss 类，如下所示：

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
    float: right;
}

希望这能解决您的问题。