我正在编辑estatesalesbyyou.com
并在首页滑块上,由于某些原因,某些幻灯片在文本周围有很大的间隙,而其他幻灯片则更完整。
我正在使用Wordpress
页面构建器(我宁愿做简单的编码,但我的老板正在制作我)并且我为所有幻灯片输入了相同的标记,但他们看起来不一样。
我放入的一个区别是幻灯片的线高为80% 文本看起来是双倍间距,而不是间距 在第一个滑块上找到。
有谁知道为什么相同的标记会导致如此不同的结果?或者,我如何在所有幻灯片标签的样式相同的情况下实现均匀性?
我更改了行高的幻灯片代码,试图让它们更好地匹配:
<div class="et_pb_slide_content">
<div style="background: #000000; height: 20px; padding-top: 10px; padding-bottom: 10px; width: 100%;">
<h3>COMMERCIAL LIQUIDATIONS, DOWNSIZING/MOVING SALES AND MORE</h3>
</div>
<div style="background: #000000; text-align:center;width:98%;">
<p style="margin:10px;text-align: center;line-height:90%;">The Estate Sales business allows for many types of sales opportunities. We’ll show you the many possibilities available to you when you’re an estate sale business owner. <a href="http://estatesalesbyyou.com/wp-content/uploads/2015/03/clear-fill.png"><img class="alignnone size-full wp-image-641" src="http://estatesalesbyyou.com/wp-content/uploads/2015/03/clear-fill.png" alt="clear-fill" width="100" height="40"></a></p>
</div>
</div>
我没有修改行高的幻灯片代码:
<div class="et_pb_slide_content">
<div style="background: #000000; height: 20px; padding-top: 10px; padding-bottom: 10px; width: 100%;">
<h3>ESTATE SALES BY YOU PROVIDES A TURNKEY BUSINESS FOR YOUR AREA</h3>
</div>
<p><!--
<div style="background: #000000; opacity: 0.8; margin-left: auto; margin-right: auto;">
--></p>
<div style="background: #000000; text-align:center;width:98%;">
<p style="margin:10px;text-align: center;">From your website to your marketing materials and strategies, Estate Sales By You provides the foundation you need to start your own business.</p>
<p><span style="color: #000000;"> .<a href="http://estatesalesbyyou.com/wp-content/uploads/2015/03/clear-fill.png"><img class="alignnone size-full wp-image-641" src="http://estatesalesbyyou.com/wp-content/uploads/2015/03/clear-fill.png" alt="clear-fill" width="100" height="40"></a></span></p>
</div>
</div>