HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML – Zurb Foundation Equalizer无法正常工作大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图在“显示”视图中显示一个表单,并且我想使用Foundation的均衡器来使div具有相同的高度但是由于某种原因它不适用于一个div高于另一个div.

我的猜测是它与在容器中使用php有关,但我没有在他们的文档页面上找到与此相关的任何内容.

如果有人能够指出我哪里出错或者他们确实知道这不会与基金会合作我会很感激您的意见!谢谢!

HTML

<div class="row" data-equalizer>
    <div class="small-6 columns" data-equalizer-watch>          
       <fieldset><legend>Order Information</legend>
          <?php
            echo "number of Guests: ". $order_arraY['guestnumber' . $x].'<br>';
            echo "Food: ". $order_arraY['food' . $x].'<br>';
         ?>     
       </fieldset>  
    </div>
<div class="small-6 columns k" data-equalizer-watch>
    <fieldset><legend>LOCATIOn</legend>
    <?php
         echo "Order Name: " .  $order_arraY['orderName'] . '<br>';
     ?>
    </fieldset> 
</div>

</div>

解决方法

我的第一个想法是,均衡器正在工作,它使两个< div class =“small-6 columns”> s的高度相同.除非你有一些视觉线索来区分它们,例如不同的背景颜色或边框设置,否则可能很难判断均衡器是否正常工作.请注意我之前犯过这个错误.

如果您的目的是使< fieldset>的高度相同,则需要将数据均衡器监视从< div class =“small-6 columns”> s移动到< fieldset> s .这也可以让你直观地看到Equalizer是否正常工作,因为< fieldset>的边框.

我用两个例子创建了这个codepen,http://cdpn.io/igDoI.一个是上面的代码,我在你的< div class =“small-6 columns”>中添加了一个虚线边框.另一个例子是上面的代码,我将数据均衡器监视移动到< fieldset>.

我希望有帮助,

大佬总结

以上是大佬教程为你收集整理的HTML – Zurb Foundation Equalizer无法正常工作全部内容,希望文章能够帮你解决HTML – Zurb Foundation Equalizer无法正常工作所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。