style="display:block;"在FireFox中跳格问题

本文介绍了一种通过修改HTML元素的display属性来解决布局问题的方法。具体展示了如何通过将display属性设置为不同值来达到期望的显示效果,并给出了具体的实例代码。

block时,跳格如下所示:

        

 

 

 

 

改成style="display:incline"后, 正常:

        

 

        

另改成style="display:;"后,显示也正常了, 参见:http://rubyol.iteye.com/blog/140870

 

====实例HTML代码=====

<table>

    <tr>

        <td id="fontTd">finNo<span class="req"><font style="color: white" id="cwbhFont">*</font></span></td>

        <td colspan=3>

 

            <input type="text" name="project.projId" maxlength="10" value="" id="projId" class="text medium"/>

        </td>

    </tr>

    <!--

    <tr id="pMark" style="display:block;">

   

    <tr id="pMark" style="display:incline">

    -->

    <tr id="pMark" style="display:;">

        <td>flag<span class="req">*</span></td>

        <td>

            <select name="project.projMark" id="projMark">

                <option value="1">flag1</option>

                <option value="2">flag2</option>

            </select>

        </td>

    </tr>

</table>

 

<div data-v-4c755c92="" class="cool-video-wrapper"><div id="course-player" class="cool-player mobile aliplayer prism-player" x5-playsinline="" x-webkit-airplay="" playsinline="" webkit-playsinline="" style="width: 100%; height: 100%;"><video webkit-playsinline="" playsinline="" x-webkit-airplay="allow" x5-playsinline="" preload="preload" autoplay="autoplay" src="blob:https://nsxy1862.coolcollege.cn/e64c3025-8896-4ddf-82cc-894472da3d30" poster="https://oss.coolcollege.cn/1815458882630324224.png" x5-video-player-type="h5" style="width: 100%; height: 100%;"></video> <div class="cool-player-video-wrap"> <div class="cool-player-mask"> <!-- 视频加载loading --> <div class="cool-player-marker" style="display: none;"> <div class="loading"> <div class="rotate"></div> </div> </div> <!-- 中间的大播放按钮 --> <div class="cool-player-center" style="display: none;"> <span class="cool-player-big-play-btn"></span> <span class="cool-player-play-duration" style="display: none;"></span> </div> <!-- 视频手势拖动 显示的动态时间 --> <div class="cool-player-toast-progress"></div> <div class="cool-player-controller" style="visibility: hidden;"> <div class="controller"> <div class="controller-draggable-tips">视频未播放完,暂不允许快进</div> <div class="controller-button pause" style="display: inline-block;"></div> <div class="controller-button play" style="display: none;"></div> <!-- 当前时间 --> <div class="cool-player-current-time">01:59</div> <!-- 进度条 --> <div class="cool-player-progress"> <div class="progress-bar"> <div class="bar-buffered" style="width: 100%;"></div> <div class="progress-ball" style="left: 75.1511%;"> <div class="progress-inner"></div> </div> </div> </div> <!-- 总时长 --> <div class="cool-player-duration">02:38</div>帮我把这个视频下载下来
05-07
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值