在非全角元素中为全角动态元素设置样式的最佳方法是什么?

时间:2018-10-08 06:22:15

标签: html css

我有一个矩阵字段,用户可以在CMS中建立自己的页面。 页面构建器容器的宽度为960px。 有可以创建的块/页面构建器项目,但它是屏幕的整个宽度。 由于它是动态创建的,因此尝试位置绝对值似乎不起作用,因为它不是任何元素的顶部或底部,因为前后的元素可能会发生变化。 确保此

的最简洁方法是什么
<section class="page-builder--container">
    <div class="page-builder-item--full-width" style="background-image: url({{image.url}})">
    </div>
    <div class="page-builder-item--card">
        <h2>Card Title</h2>
        <p> I am a bunch of card content</p>
    <div>
</section>

1 个答案:

答案 0 :(得分:1)

使用Global numbervar countCash; Global numbervar countVISA; Global numbervar countMC; countCash:=0; countVISA:=0; countMC:=0; 。这将使该元素成为视口的100%。此外,您可以根据自己的要求(例如90vw等)更改该值。

了解更多:https://css-tricks.com/viewport-sized-typography/

Global numbervar countCash;
Global numbervar countVISA;
Global numbervar countMC;

if{fieldPaymentCode = 1} then countCash := countCash+1 
else if{fieldPaymentCode = 2} then countVISA:= countVISA+1 
else countMC := countMC+1;