字间距有很多空白

Question

我在客户端wordpress网站上使用Word-spacing很难。他们在flexbox中有一段内容，但是文字间距很乱，调整网站的大小并不会让它变得更好！

我正在慢慢走上正确的道路，但我现在似乎无法自己解决这个问题。有人可以解释为什么单词间距如此混乱？

这是左框中的代码（他们使用的是视觉创建者插件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

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

text-align: initial !important;

Answer 2

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

您应该使用text-align: justify;替换text-align: left;或稍微更改内容，以便更好地适应更少的空格。