编码标题中断在Chrome中显示奇怪的显示内容

Question

我有此代码：

jQuery(document).ready(function( $ ){
 jQuery(".woocommerce-loop-product__title").each(function() {
  var html = $(this).html().split(" ");
  html = html.slice(0,2).join(" ") + "<br>" + html.slice(2).join(" ");
 $(this).html(html);

});

  jQuery(".summary h1").each(function() {
  var html = $(this).html().split(" ");
html = html.slice(0,2).join(" ") + "<br>" + html.slice(2).join("     ");
$(this).html(html);
});


});

，并且在添加中断方面做得很好。但是，在Chrome中，这会引起一些奇怪的显示问题：几个重复标题的浮动字母，而且我将其居中于div中，但Chrome不会将其居中。其他人很好，但不是Chrome。.