HTML未正确呈现
我按照Ruby教程制作了一个示例应用程序。我创建了注册页面,但是注册中的错误以一种有趣的方式呈现。错误行末尾的周期在它之前。星号和子弹头也在这条线的错误一端 以下是页面源HTML源:HTML未正确呈现,html,css,rendering,Html,Css,Rendering,我按照Ruby教程制作了一个示例应用程序。我创建了注册页面,但是注册中的错误以一种有趣的方式呈现。错误行末尾的周期在它之前。星号和子弹头也在这条线的错误一端 以下是页面源HTML源: <div class="container"> <h1>Sign up</h1> <div class="row"> <div class="span6 offset3"> <form accept-c
<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="✓" /><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>
我还要提到的是,输入字段也有类似的问题,输入光标位于框的右端(如阿拉伯语文本)。我通过添加方向:ltr解决了这个问题我的输入文本区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中添加了方向样式,但是没有用。我想不出别的了。请告诉我哪里出了问题?因此,尽管@Sam建议的方法有效,我还是在网站的其他地方发现了同样的问题。我使用direction:ltr修复了大多数问题。后来,当我部署到Heroku时,很多事情都失败了。当我寻找解决方案时,我发现我需要在部署到Heroku之前预编译我的资产。我正在使用引导
令人惊讶的是,bundle exec rake资产:precompile
解决了localhost和Heroku上的问题
所以,是的,问题在于资产管道编译
中有一个空格,请尝试将其更改为错误解释
,以便删除列表样式的CSS与之匹配。此外,光标位于末尾的事实表明您有方向:rtl
或dir=“rtl”
在其中一个父元素上设置了属性,这将解释为什么列表显示右对齐的项目符号。@Sam发现没有一个父标记将dir设置为rtl,但我启用了rtl语言的默认插件,我删除了它,但这也不起作用。但我尝试了你的两种解决方案,它们都奏效了。谢谢。:)
input, textarea, select, .uneditable-input {
border: 1px solid #bbb;
width: 100%;
padding: 10px;
height: auto;
margin-bottom: 15px;
direction: ltr;
@include box_sizing;
}