美文网首页
CSS 利用style属性控制某个标签的隐藏(占位隐藏、不占位隐

CSS 利用style属性控制某个标签的隐藏(占位隐藏、不占位隐

作者: CoderZb | 来源:发表于2019-01-05 16:54 被阅读1次

style="display:none;"不占位隐藏
style="visibility:hidden;"占位隐藏

原始代码

 <div class="detail-content">
          <p class="ph"><em>机构</em>一个并不知名的机构</p>
          <p class="ph" ><em>联系人</em>CoderZB</p>
           <p class="ph" ><em>电话</em>18888888888</p>
           <p class="ph"><em>地址</em>山东省不知名的一个地方儿</p>
  </div>
image.png

style="display:none;"不占位隐藏的效果

<div class="detail-content">
    <p class="ph"><em>机构</em>一个并不知名的机构</p>
    <p class="ph" style="display:none;"><em>联系人</em>CoderZB</p>
    <p class="ph" style="display:none;"><em>电话</em>18888888888</p>
    <p class="ph"><em>地址</em>山东省不知名的一个地方儿</p>
</div>
image.png

style="visibility:hidden;"占位隐藏的效果

<div class="detail-content">
      <p class="ph"><em>机构</em>一个并不知名的机构</p>
      <p class="ph" style="visibility: hidden;"><em>联系人</em>CoderZB</p>
      <p class="ph" style="visibility: hidden;"><em>电话</em>18888888888</p>
      <p class="ph"><em>地址</em>山东省不知名的一个地方儿</p>
</div>
image.png

相关文章

网友评论

      本文标题:CSS 利用style属性控制某个标签的隐藏(占位隐藏、不占位隐

      本文链接:https://www.haomeiwen.com/subject/ncfdrqtx.html