导航器中组件的不同显示
我的问题包括在表单中显示组件。首先，我正在开发 JSF 和 Facelet 应用程序。在我的一个页面中，我放置了一个具有固定宽度的 inputText，但是当我在 Chrome 和 IE 导航器中执行该项目时，我的显示主要在组件宽度上有所不同。
这是代码的一部分：
chrome 中的组件宽度：602px
IE 中的组件宽度：604px
任何人都可以帮助我。
My problem consist of displaying components in forms. First I m working on a JSF and facelet application. In one of my pages I put a inputText with a fixed width but when I execute the project in Chrome and IE navigators I have a different display mostly in component width.
This is the part of code: <h:inputText style=" width : 600px;" value="#{MyBean.Name}" />
component width in chrome :602px
component width in IE : 604px
Can anyOne help me.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
Achraf，
这个问题通常与
填充或缺乏填充有关。 IE 处理相对于宽度的填充的方式与大多数其他浏览器不同。一种将padding添加到width，而另一些则单独跟踪padding和width。浏览器之间的这种不一致非常普遍，以至于我通常以body * {padding:0;}开头 CSS，并根据需要以特定样式进行覆盖。此外，您指定的样式越少，浏览器（或用户代理）对未指定的规则样式的控制力就越大。这意味着这些宽度不一致的浏览器可能会在他们认为必要时向
添加padding。尝试将padding:0添加到的style属性中。这将迫使问题出现，可能需要一些调整，但最终应该可以解决您的问题。希望这有帮助，
模糊逻辑
Achraf,
Often this problem has to do with
paddingor lack thereof. IE handlespaddingrelative towidthdifferently than most of the other browsers. One adds thepaddingto thewidth, while some others trackpaddingandwidthseparately. This inconsistency among browsers is so prevalent that I commonly start my CSS withbody * {padding:0;}and override in specific styles as needed.Additionally, the less style you specify, the more control the browser (or User Agent) has over the style of rules that are not specified. This means that these browsers with the inconsistent widths are probably adding
paddingto the<input>as they deem necessary. Try addingpadding:0to yourstyleattribute for your<input>. This will force the issue and may require a little tweaking but should ultimately solve your problem.Hope this helps,
FuzzicalLogic