Question

我需要在页面中添加html代码。通过页面编辑记录中的“文本”添加选项卡（即页面的html代码）。

但我的html代码内容未完全显示。什么可以连接，我做错了什么？

有趣的是，当您查看我更新的页面的源代码时。在我用编辑器中的“文本”更改我的贡献后，“视觉”消除了html页面中的代码并查看代码在升级后消失。只是消失所有标签

。我的HTML代码：

<div class="colorScheme">
<div class="img-color-box afina"><img alt="" src="/wp-content/uploads/2014/04/afina/1003.jpg" /></div>
<div class="link-box afina">

<li class="link-color ral1003" name="abc" href="#" data-color="1003"></li>
<li class="link-color ral1014" name="abc" href="#" data-color="1014"></li>
<li class="link-color ral3005" name="abc" href="#" data-color="3005"></li>
<li class="link-color ral3009" name="abc" href="#" data-color="3009"></li>
<li class="link-color ral3011" name="abc" href="#" data-color="3011"></li>
<li class="link-color ral5005" name="abc" href="#" data-color="5005"></li>
<li class="link-color ral6002" name="abc" href="#" data-color="6002"></li>
<li class="link-color ral6005" name="abc" href="#" data-color="6005"></li>
<li class="link-color ral6020" name="abc" href="#" data-color="6020"></li>
<li class="link-color ral7004" name="abc" href="#" data-color="7004"></li>
<li class="link-color ral7024" name="abc" href="#" data-color="7024"></li>
<li class="link-color ral8004" name="abc" href="#" data-color="8004"></li>
<li class="link-color ral8017" name="abc" href="#" data-color="8017"></li>
<li class="link-color ral8019" name="abc" href="#" data-color="8019"></li>
<li class="link-color ral9003" name="abc" href="#" data-color="9003"></li>
<li class="link-color ral9006" name="abc" href="#" data-color="9006"></li>
</div>
</div>

（有人建议我添加一个带有一些值的属性“name”，但它不起作用）

我的CSS：

.colorScheme {
    margin: 0 auto;
    width: 500px;
}
.link-box {
    margin: 0 auto;
    width: 300px;
}
.link-color {
    display: inline-block;
    margin: 0 1px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #4679BD;
}
.ral1003 {
    background: rgb(245,221,27);
}
.ral1014 {
    background: rgb(222,221,164);
}
.ral3005 {
    background: rgb(80,2,0);
}
.ral3009 {
    background: rgb(144,2,0);
}
.ral3011 {
    background: rgb(222,0,0);
}
.ral5005 {
    background: rgb(19,108,250);
}
.ral6002 {
    background: rgb(2,177,14);
}
.ral6005 {
    background: rgb(0,124,0);
}
.ral6020 {
    background: rgb(23,92,0);
}
.ral7004 {
    background: rgb(204,204,204);
}
.ral7024 {
    background: rgb(104,129,134);
}
.ral8004 {
    background: rgb(189,90,0);
}
.ral8017 {
    background: rgb(82,60,37);
}
.ral8019 {
    background: rgb(58,57,55);
}
.ral9003 {
    background: rgb(228,232,233);
}
.ral9006 {
    background: rgb(211,221,222);
}

我想WP只是删除我的标签，因为它们没有内容或者可能是css只是看不到它们，但我仍然不知道如何解决这个问题。请告诉我。

Answer 1

ul周围应该li's。 WordPress是probs剥离它因为它无效

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

WordPress的。添加后，HTML代码消失

1 个答案: