字间距有很多空格

Question

我很难在客户的 wordpress 网站上使用字间距。他们在 flexbox 中有一段内容，但字间距只是乱七八糟，调整网站大小并没有让它变得更好！

我正在慢慢走上正确的道路，但我现在似乎无法自己弄明白。有人能解释一下为什么单词间距这么乱吗？

这是左边框中的代码（他们使用了一个 damm visual creator 插件 VC）

<h4>Bedrijfsleven</h4>
[/vc_column_text][vc_separator type="transparent" up="5" down="0"]       
[vc_column_text]
<p style="text-align: justify;">SpaanIt geeft incompany-groepstraining 
en privéles in het Spaans en Italiaans op maat. In overleg wordt het 
huidige taalvaardigheidsniveau bepaald en waar de nadruk op komt te 
liggen tijdens de taallessen. Dat kan bijvoorbeeld Spaanse of Italiaanse 
spreekvaardigheid, schrijfvaardigheid en grammatica zijn. Daarnaast 
besteed SpaanIt aandacht aan cultuurverschillen en jargon.</p>

<p style="text-align: justify;">Ook biedt SpaanIt één-op-één   
VIP-arrangementen voor lessen Spaans of Italiaans. Er wordt dan van ’s 
morgens tot ’s avonds intensief op een afwisselende manier gewerkt aan
de taalvaardigheid. VIP-arrangementen vinden bij voorkeur plaats op een 
speciale locatie inclusief lunch en diner.</p>
[/vc_column_text][vc_separator type="transparent" up="15" down="0"]
[button size="small" icon="" target="_self" font_style="normal" 
font_weight="500" text_align="center" text="lees meer" 
link="http://www.spaanit.nl/bedrijven/" hover_color="#2f9738" 
border_color="#f9af00" hover_border_color="#2f9738" margin="20px 10px 
20px 5px" border_radius="25" color="#f9af00" background_color="#ffffff" 
hover_background_color="#ffffff"][/vc_column_inner][vc_column_inner 
width="1/4"][vc_single_image image="18394" img_size="260x250" 
qode_css_animation=""][vc_separator type="transparent" thickness="5"]
[vc_column_text css=".vc_custom_1454448677436{padding-top: -20px 
!important;}"]

我已经尝试过修复字间距

word-spacing: normal !important;

但是没有结果。

Answer 1

这 space 不是因为 white spacing 而是因为你有内联样式 text-align:justify; 你应该从 p element 中删除它或者你可以将它添加到你的样式中以覆盖它

text-align: initial !important;

Answer 2

内容中有这么多空格的原因是元素的 text-align 属性设置为 justify，这确保了最右边和最左边文本元素每一行的边缘都完美对齐。

您应该用 text-align: left; 替换 text-align: justify; 或略微更改内容以使其更适合空格较少。

字间距有很多空格

word-spacing has a lot of whitespacing

html

css

wordpress

frontend