换行符在Chrome中不起作用

时间:2012-06-29 08:58:14

标签: html css google-chrome telerik line-breaks

我有一个使用telerik:RadTextBoxes的联系请求表。

除了Chrome之外,整个表单看起来都很好,而且除了Chrome之外,其他所有浏览器都存在于每个浏览器中的位置,其中一个输入框没有在换行符中出现!

我有没有办法为Chrome制作单独的样式表,或者只是在Chrome中更改它?

如果我取消-20边距,它可以在Chrome中使用,但所有其他浏览器都搞砸了!

</asp:RegularExpressionValidator>
        <br />
        <br />
        <telerik:RadTextBox runat="server" ID="txtContactNo" Style="margin: -20px 0 0 0">
        </telerik:RadTextBox>
        <br />
        <br />

我现在设法通过将代码更改为每个浏览器来使我的空间相同... </asp:RegularExpressionValidator> <telerik:RadTextBox runat="server" ID="txtContactNo" Style="margin:20px 0 0 -10px"> </telerik:RadTextBox>

...但是现在输入名称和输入框之间的空格仅在chrome中有所不同,它与输入名称的距离太近10px,这是因为Style="margin:20px 0 0 -10px"但我无法得到摆脱这个,因为它在其他所有浏览器中都太远了,我已经尝试过使用边距和宽度,但似乎没有任何东西在所有浏览器中一起工作!

如果有人能想到我可以做的任何事情来修复这个帮助将不胜感激! :)

3 个答案:

答案 0 :(得分:0)

display:block;怎么样?也许屏幕截图会有所帮助......

答案 1 :(得分:0)

您似乎在telerik:RadTextBox元素上设置了-20px的上边距,这似乎取消了<br />代码的效果

答案 2 :(得分:0)

我今天早上一直在努力,并且有人提到将所有内容更改为使用表而不是div ...我这样做并清除了所有代码,现在它可以工作了!

我不确定为什么我这样做的方式在Chrome中不起作用,但可能是因为只有部分代码干扰了它,但表似乎已经完成了它!

我还发现,可能发生这种情况的原因之一是因为必需字段验证器和正则表达式验证器,它们似乎已经将div推得比它需要的更多,导致整个页面打破!

所以我确保每张桌子的宽度和高度足以适合所有东西。

感谢您的所有建议!! :)