导航器中组件的不同显示

Question

我的问题包括在表单中显示组件。首先，我正在研究JSF和facelet应用程序。在我的一个页面中，我放置了一个固定宽度的inputText但是当我在Chrome和IE导航器中执行项目时，我有一个不同的显示，主要是在组件宽度。

这是代码的一部分：<h:inputText style=" width : 600px;" value="#{MyBean.Name}" />

chrome中的组件宽度：602px

IE中的

组件宽度：604px

anyOne可以帮助我。

Answer 1

Achraf，

此问题通常与padding或与此缺乏有关。 IE处理padding相对于width的方式与大多数其他浏览器不同。一个将padding添加到width，而另一些则分别跟踪padding和width。浏览器之间的这种不一致是如此普遍，我通常用body * {padding:0;}启动我的CSS并根据需要覆盖特定的样式。

此外，您指定的样式越少，浏览器（或用户代理）对未指定规则的样式的控制就越多。这意味着这些宽度不一致的浏览器可能会在他们认为必要时将padding添加到<input>。尝试将padding:0添加到style的{​​{1}}属性中。这将迫使问题，可能需要稍微调整，但最终应解决您的问题。

希望这有帮助， FuzzicalLogic