0

我正在按照 Ruby 教程制作示例应用程序。我制作了注册页面，但注册时的错误以一种有趣的方式呈现。错误行末尾的句点在它之前。而且星号和项目符号点位于错误的一端。

这是页面源HTML源代码：

<div class="container">
            <h1>Sign up</h1>
<div class="row">
    <div class="span6 offset3">
        <form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="UPwVQbjK5hdjlsXerJfnAESR61pKf3l/K1u2/05+ILY=" /></div>
                <div id="error explanation">
        <div class="alert alert-error">
            The form contains 2 errors.
        </div>
        <ul>
                <li>* Password doesn't match confirmation</li>
                <li>* Email is invalid</li>
        </ul>
    </div>

这是它的外观：

在此处输入图像描述

这是CSS：

#error_explanation {
    color: #f00;
    ul {
        list-style: none;
        margin: 0 0 18px 0;
    }
}

另外我想提一下，输入字段也有类似的问题，输入光标位于框的右端（如阿拉伯语文本）。direction: ltr;我通过在我的输入 textarea css 中添加该行来解决这个问题：

input, textarea, select, .uneditable-input {
    border: 1px solid #bbb;
    width: 100%;
    padding: 10px;
    height: auto;
    margin-bottom: 15px;
    direction: ltr;
    @include box_sizing;
}

我在我的css中添加了方向样式，但这没有用。我想不出别的了。请告诉我我哪里出错了？

4

1 回答 1

0

因此，即使@Sam 提出的建议有效，我在网站的其他地方也发现了同样的问题。我使用方向修复了它们中的大多数：ltr。后来当我部署到 Heroku 时，很多事情都失败了。当我寻找解决方案时，我发现我需要在部署到 Heroku 之前预编译我的资产。我正在使用引导程序。

出人意料bundle exec rake assets:precompile地解决了 localhost 和 Heroku 上的问题。

所以，是的，问题出在资产管道编译中。

于 2013-04-08T12:06:12.353 回答