我的移动网站有奇怪的字间距我需要帮助规范化

时间:2016-09-25 22:52:01

标签: html css

出于某种原因,某些单词在我的移动网站上的其他单词之前/之后有更多空间。我认为这可能是由于较长的单词被移动到另一行并且它希望段落宽度仍然= 100%。所以我想如果我可以强制使用连字符,它会解决这个问题;但是,添加:

*.min.js
对css没有任何影响。有什么建议?常见的罪魁祸首?

我也尝试过:

p {
hyphens: auto;
}

以及“手册:”变种。例如:

p {
hyphens: auto !important;
}

3 个答案:

答案 0 :(得分:0)

首先:您是否验证了HTML和CSS代码?

W3C CSS Validator

W3C HTML Validator

答案 1 :(得分:0)

听起来好像text-align设置为justify

尝试添加p { text-align: left; }

答案 2 :(得分:0)

您的文字可能具有CSS属性

text-align: justify;

您可以使用text-align: left;

重置此设置

您还尝试使用hyphens: auto;,但我必须告诉您,很多现代浏览器(包括Google Chrome浏览器)都不支持此属性http://caniuse.com/#search=hyphens

但是,如果你想使用连字符,你可以使用 Hyphenator ,这是一个易于使用的javascript,用于连接你的网站:https://github.com/mnater/hyphenator

我希望我能帮忙!