Question

这是我一生中遇到的最奇怪的问题，我已经调试了近5个小时，因为我有一个很长的代码，直到我达到这个并意识到它不工作的原因是因为HTML代码是如何生成的。

只需查看此页面http://sites.symmetricsweb.com/

即可

第一个框HTML代码与第二个框

相同

但是，文本对齐方式不适用于第二个框，

使用页面编辑器添加第一个框html代码

<div class="checs"><div></div><div></div><div></div><div></div></div>

虽然第二个框是使用add_shortcode功能生成的，

add_shortcode('test_short','my_function');
function my_function() {
    ob_start();
    echo '<div class="checs"><div></div><div></div><div></div><div></div></div>';
    return ob_get_clean();
}

但如果您检查HTML源代码，则无法看到任何差异，

我真的不需要解决这个问题的方法，因为我知道有很多方法可以均匀地分隔这些方块，我只是想知道text-align:justify这种行为的原因是什么。

非常感谢任何好的解释。

由于

Answer 1

生成的HTML 不是与第一组div相同。

从页面来源 - 首先设置：

<div><strong>Added Directly on Page Editor</strong></div>
<div class="checs">
<div></div>
<div></div>
<div></div>
<div></div>
</div>

第二组 -

<div><strong>Generated using add_shortcode()</strong></div>
<div class="checs"><div></div><div></div><div></div><div></div></div>

写入的CSS需要回车的空格才能正确地将div分隔开来。

<强> Demo

text align justify not not on add_shortcode生成的元素

1 个答案: