Question

您好我想在wordpress文章中创建一个带有div的响应表，如下所示：

<div class="activite">
<div class="row nbr" > "0"</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >&nbsdiv;1</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>
    <div class="activite">
        <div class="row nbr" >&nbsdiv;2</div>
        <div class="row" >Date</div>
        <div class="row" >Titre</div>
        <div class="row" >Descridivtion</div>
            <div class="rowForm">
                <div class="row" >cocher</div>
                <div class="row" >Nom</div>
                <div class="row" >S'inscrire</div>
            </div>
        </div>
    <br>

（我想使用div或p）

我测试了这个样式代码。

    .nbr{
            width: 20px;
        }
        .row{
            border: 1px solid #000;
            position: relative;
            float: left;
            padding: 5;
            }
        .rowForm{
            position: relative;
            float: left;            
        }
        br{
            position:relative;
            clear:left;
        }
        screen and (min-width: 360px){
        .rowForm{
            position: relative;
            float: none;            
         }          
        }

但我的问题是如何在wordpress中实现这个简单的html代码来显示没有插件的普通表。

Answer 1

只需将该代码添加到Wordpress帖子/页面上的代码选项卡中即可使其工作，尽管添加表格似乎是一种非常奇怪的方式。只需复制一个实际的表并粘贴到Wordpress的可视化编辑器中就可以正确显示它，并且即使不需要做很多css也能完全响应。

wordpress添加html和css代码

1 个答案: