小编Dim*_*Sum的帖子

尝试在 Chrome 中打印时，我在 div 中的文本在分页符时被剪切。我已经尝试了各种 page-break-xxx，以及orphans: 5; widows: 5; page-break-after: avoid; page-break-before: avoid;. 我还尝试将 div 设置为表、块、内联、内联块......但没有任何效果。我花了很多时间在谷歌上搜索......我相信这必须在某个地方得到回答......有人能指出我如何或在哪里找到解决方案的方向吗？提前致谢！

  <div role="tabpanel" class="tab-pane" id="tab_1">
    {{ product.metafields.a }}
  </div>

  <div role="tabpanel" class="tab-pane" id="tab_2">
    {{ product.metafields.b }}
  </div>

  <div role="tabpanel" class="tab-pane" id="tab_3">
    {{ product.metafields.c }}
  </div>

代码如上所示。它们实际上是标签，我强迫它们全部显示在印刷品上。我试过各种page-break-xxx上.tab-pane。

{{ product.metafields.x }} 基本上是像 H2、P 标签这样的文本。

我正在SilverStripe中建立联系表单.

测试验证时,如果我将所需字段留空并点击提交,那么这些输入字段将添加一个.holder-required类.即使我重新加载页面,它们也不会消失.(实际上错误消息*** is required将在重新加载后保留在那里.我只是停止显示的消息).

我搜索了整个项目文件夹,但是里面没有文件holder-required.

.holder-required班级来自哪里？

我有一个客户端的这个设计,在一个按钮中有两层渐变.棘手的是,其中一个层有一个弯曲的边缘.我已经嘲笑了按钮,所以你对我所说的内容有所了解,希望如此.

我设法做的是直边(参见代码片段,色差并不重要,只需要曲线).有没有人以前做过这个？或者它必须是背景图像？谢谢!

PS我还想过在伪元素和绝对位置上使用径向渐变,但是不能得到精确的直边看起来像线性渐变.

a {
  background-image: linear-gradient(-155deg,rgba(74,148,214,.4) 45%,rgba(255,255,255,.08) 15%),linear-gradient(258deg,rgba(87,238,255,.1),rgba(77,108,211,.2));
  background-color: rgba(74,148,214,.9);
  color: #fff;
  width: 200px;
  height: 40px;
  border-radius: 10px;
  margin-top: 50px;
  display: block;
  text-align: center;
  line-height: 40px;
}

<a>
  Some button
</a>