当我将html复制到wordpress时，为什么我的项目会垂直移动？

Question

我制作了一个本地测试页面来布局图像和内容并使事情正确。但是，当我将代码移动到我的wordpress网站时，图像行现在是列。我已经创建了独特的类和ID名称，因此它不是现有的CSS。 我应该寻找什么？

这是我的本地代码：

 {
  "name": "Lao Lao",
  "title": "general manager",
  "children": [
    {
      "name": "Bo Miao",
      "title": "department manager",
      "children": [
        {
          "name": "Li Jing",
          "title": "senior engineer"
        },
        {
          "name": "Li Xin",
          "title": "senior engineer",
          "children": [
            {
              "name": "To To",
              "title": "engineer"
            },
            {
              "name": "Fei Fei",
              "title": "engineer"
            },
            {
              "name": "Xuan Xuan",
              "title": "engineer"
            }
          ]
        }
      ]
    },
    {
      "name": "Su Miao",
      "title": "department manager",
      "children": [
        {
          "name": "Pang Pang",
          "title": "senior engineer"
        },
        {
          "name": "Hei Hei",
          "title": "senior engineer",
          "children": [
            {
              "name": "Xiang Xiang",
              "title": "UE engineer"
            },
            {
              "name": "Dan Dan",
              "title": "engineer"
            },
            {
              "name": "Zai Zai",
              "title": "engineer"
            }
          ]
        }
      ]
    }
  ]
} 

和css：

{name =  Lao lao , parent = null , level = 1 }
{name =  Bao Miao , parent = Lao lao , level = 2 }
..................................................
{name =  Li Jing  , parent = Bao Miao , level = 3 }

在我的本地计算机上，它看起来像第一张图片。当我将代码移植到wordpress时，它看起来像第二个。

Answer 1

Wordpress会自动在某些标签周围插入元素。 要么阻止这个功能：
https://wordpress.stackexchange.com/questions/130075/stop-wordpress-automatically-adding-br-tags-to-post-content

或删除元素之间的空格：https://wordpress.stackexchange.com/questions/152091/disable-wp-automatically-inserted-line-breaks-after-an-image