如何使用pug以表格形式动态生成li

问题描述

我正在使用pug生成li并用来自节点js的数据填充它，我想以表格形式打印它每行5列。所以我在用这个

   - var index=0;
   - var arr=book_list
   - var rows=Math.round((arr.length)/5)
    
    -for(var i=1;i<=rows;i++){
            ul
            -for(var j=index;j<index+5;j++){
                li  
                    p= arr[j].title
                    p= arr[j].author
                    p= arr[j].genre
                    p= arr[j].summary
                -}
            index=index+5
    -}

book_list包含我已从节点js发送的数据。但是我没有以表格形式获取数据。我得到的是

this

这是我关于ul和li的问题

ul{
    display:flex;
    padding:0vh;
    margin-left:4vh;
  

}
li
{
 
  background-color:rgba(255,255,0.116);
 border:1px solid white;
 border-radius:5px;
padding:20vh;
 margin-left:1vh;
}

如您所见，我的li标签比我设置的具有更多的填充。看来我的哈巴狗脚本没有“听” css :( 我已经一遍又一遍地检查了链接标记，但它们没有问题

请帮助

（注意：如果我正在使用 book_list 中的每本书，那么它正在“侦听” css，但是我不知道该如何控制行和列）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html-preprocessor pug