如何在q单行中显示html列表中的html表单?

如何在q单行中显示html列表中的html表单?,html,css,bootstrap-4,Html,Css,Bootstrap 4,我想在HTML中显示一些数据列表。在显示数据时,我已将该数据包含在表单标记中,但在打印时,它不会出现在一行中 输入:- <ul id="myUL" style="display:flex;flex-wrap:wrap;list-style:none"> {% for tagname in globalKeywordList%} <li style="display:inline;"> <form actio

我想在HTML中显示一些数据列表。在显示数据时,我已将该数据包含在表单标记中,但在打印时,它不会出现在一行中

输入:-

<ul id="myUL" style="display:flex;flex-wrap:wrap;list-style:none">
     {% for tagname in globalKeywordList%}
          <li style="display:inline;">
               <form action="searchKeyword/{{tagname}}" method="POST">
               {% csrf_token %}
               <button class="btn btn-link" type="submit" name="mostRelevant" data-toggle=”button” value="mostRelevant" style="background-color:transparent;padding:0;margine:0">{{ tagname }}
               </button>&nbsp; | &nbsp;
               </form>
          </li>
     {% endfor %}
</ul>
    {globalKeywordList%中标记名的%s}
  • {%csrf_令牌%} {{标记名}} |
  • {%endfor%}
输出:-

<ul id="myUL" style="display:flex;flex-wrap:wrap;list-style:none">
     {% for tagname in globalKeywordList%}
          <li style="display:inline;">
               <form action="searchKeyword/{{tagname}}" method="POST">
               {% csrf_token %}
               <button class="btn btn-link" type="submit" name="mostRelevant" data-toggle=”button” value="mostRelevant" style="background-color:transparent;padding:0;margine:0">{{ tagname }}
               </button>&nbsp; | &nbsp;
               </form>
          </li>
     {% endfor %}
</ul>

如图所示,如果句子太长,则不会从先前关闭的数据开始,一些空格留空,然后开始


如何解决该问题???

您好,您能否共享隐藏在屏幕截图中的静态内容,以便我可以在网页上复制真实内容,如果您使用anySee CSS媒体查询,还可以共享您的CSS,因为您需要设置样式以打印屏幕截图中的内容不是静态的,这些数据是动态的,由我的python代码发送,我没有使用任何外部代码CSS@AlanM对不起,我没有得到你??这个媒体查询将如何帮助我你说“印刷”