相同的CSS但结果不同?

时间:2015-11-17 06:24:09

标签: html css wordpress

我正在编辑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;">&nbsp;.<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>

0 个答案:

没有答案