Fatal编程技术网
  • css/
  • Css 如何获得<；的一致性渲染；p>；所有浏览器中的段落文本？

Css 如何获得<；的一致性渲染；p>；所有浏览器中的段落文本？

css internet-explorer firefox

Css 如何获得<；的一致性渲染；p>；所有浏览器中的段落文本？,css,internet-explorer,firefox,xhtml,cross-browser,Css,Internet Explorer,Firefox,Xhtml,Cross Browser,如何在所有浏览器中一致呈现段落文本 请参见IE7这样的渲染 就像这样。哪一个对客户来说是可以的 如何在两种浏览器中获得相同的结果，我是指IE中的FF渲染？我的客户需要在所有浏览器中的同一行中使用“非执行”，这是唯一的解决方案 更新：在这里查看的所有代码 我已经在使用XHTML1.1doctype和EricMeyer重置CSS 更新日期：3月28日 感谢所有回复 我测试了这个问题，但是firefox上没有。但在所有其他浏览器中，IE6、7、8、Safari（windows）、谷歌Chrome

如何在所有浏览器中一致呈现段落文本

请参见IE7这样的渲染

就像这样。哪一个对客户来说是可以的

如何在两种浏览器中获得相同的结果，我是指IE中的FF渲染？我的客户需要在所有浏览器中的同一行中使用“非执行”，这是

唯一的解决方案

更新：在这里查看
的所有代码

我已经在使用XHTML1.1doctype和EricMeyer重置CSS

更新日期：3月28日

感谢所有回复

我测试了这个问题，但是firefox上没有。但在所有其他浏览器中，IE6、7、8、Safari（windows）、谷歌Chrome

现在有没有唯一的解决方案

重置所有样式以消除浏览器样式表中的差异可能是个好主意。我可以为你做这件事。然后，您可以从头开始设置段落格式，使用字体大小、间距等百分比（请参阅）

编辑：刚刚看到你对克莱特斯回答的评论。那么：您使用什么CSS来布局文本呢？

更新

您很可能在元素的左右两侧设置了固定宽度和填充。IE和Firefox会因为盒子模型的不同而做出不同的解释。如果无法重新编码页面以使用固定宽度和左/右页边距，则需要在仅限IE的样式表中指定不同的固定宽度以补偿此问题

教育

网络开发与教育有关。这种教育的大部分内容是教育你的客户，让他们知道什么是应该期待的，什么是不应该期待的

通过向您的客户解释每个浏览器和操作系统的组合对字体的处理略有不同来提供帮助。一个引擎可能会使字母彼此稍微靠近

你可以投入大量的工作来做到这一点，但是如果你的最终用户已经放大了他们的字体，那么所有花在确保一个连字符的单词保持在同一行上的时间和金钱都将消失

技术思路：两种浏览器似乎已经尽可能地呈现文本，我认为
重置。css
对您毫无帮助。

对于您的特定问题，请在文本周围使用
标记，或者在css上使用span

whitespace: no-wrap;
这将防止非执行董事越界

但是，您应该注意，在浏览器和平台之间获得完全一致的呈现是相当困难的。

这与边距、填充、字体、重置或任何CSS无关。这是关于浏览器如何解释连字符的。IE显然认为它可以在连字符上划掉一行，而Firefox则将其视为一个单词

正如McPherrenm所说，您可以使用无中断标记：
非执行人员
。或者，您可以简单地完全删除连字符

或者，您可以向客户机解释所有浏览器和系统如何以不同方式呈现文本，并且无法防止在所有情况下都出现这种情况。将单词分成两行有什么问题？

您可以研究一下软连字符的用法
­

我意识到一开始这可能不是一个技术性的答案，但是向下的投票人能解释我说的哪部分是错的吗？并不是说我是向下的投票人，但我相信这是一种无法实现完全相同的布局的情况，因为文本在不同的浏览器/平台上呈现不一样。哈哈。。。每当有人对否决票提出质疑时，其他人都不敢回答。。对不起，乔治！你所说的是我试图理解的，尽管正如我在@cletus的回答中所提到的，两个文本区域内部的宽度似乎不同。然而，总的来说，在这个级别上进行文本操作是浪费时间。克莱特斯的答案似乎也被无缘无故地否决了，所以你有很好的同伴。我有种感觉，有时候人们只是因为他们能，或者是因为他们能，所以投了反对票。是的，我也投了反对票。当有几个类似的答案，但投票数很少时，这种情况似乎经常发生。有人决定用一张反对票改变随机顺序。我认为随机顺序会让情况变得更糟。也有可能使用不间断连字符。unicode是U+2011。啊，不间断连字符可能是更好的解决方案<代码>‑