Firefox不在打印视图中呈现列

Question

我的div内有2 divs，每个内容都有ul，所以它在视图中看起来像两列。我使用window.print和css打印出来，Chrome和Safari工作正常，但Firefox正在将2列变为1。

＆＃13;

＆＃13;

  <div class="Sides">
    <div class="left side">
      <ul>
        <li class="List">
          <div>
            <div>
              <div class="circle">
                1
              </div>
              <select>
                <option disabled="disabled">
                  Select 
                </option>
                <option selected="selected" value="1">
                  1
                </option>
              </select> <label>Label</label>
            </div>

            <div class="form">
              <div class="A">
                <span >A</span><span></span>
              </div>
              <select >
                <option selected="selected" value="A" >
                  A
                </option>

                <option value="B" >
                  B
                </option>

                <option value="C">
                  C
                </option>
              </select><label>Select</label>
            </div>
          </div>
        </li>
        <li class="List">
          <div>
            <div>
              <div class="circle">
                1
              </div>
              <select>
                <option disabled="disabled">
                  Select 
                </option>
                <option selected="selected" value="1">
                  1
                </option>
              </select> <label>Label</label>
            </div>

            <div class="form">
              <div class="A">
                <span >A</span><span></span>
              </div>
              <select >
                <option selected="selected" value="A" >
                  A
                </option>

                <option value="B" >
                  B
                </option>

                <option value="C">
                  C
                </option>
              </select><label>Select</label>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>


 

＆＃13;

＆＃13;

＆＃13;

这是Chrome / Safari：

这是Firefox：

我已经尝试了column-count，column-fill，float（左/右分歧），min-width: 0 / min-height: 0，我可以＆ ＃39;似乎要显示2列。

对于如何使其工作，任何人都有任何其他建议吗？

Answer 1

因此，如果有人再次遇到此问题，我必须将@media print设置为min-width: 0px;，以便让列打印出来，就像他们应该的那样。然后，为了得到我需要的宽度，我必须设置width: 500px;（或你需要的任何宽度），让它们像我需要的那样打印出来。这个奇怪的错误，但它现在已经解决了！