flex布局中属性justify-content失效

1)采用在flex布局时,其影响的子元素中不能含有margin:auto;否则会导致属性justify-content失效。 2)父元素未设置高度,不能撑开。在查看的时候误以为不生效。 ...

       时间 : 2022-08-18| 栏目 : css3, 大前端| 浏览 : 1,921 次| 暂无评论 [阅读全文]

    多张图片和图片之间有亮线

    你可能遇到过 ,网页多张连续图片时,图片之间有白线的问题,然后一搜索网上答案都是让你设定图片display:block 然后还是不能解决。 然后有的iphone机正常,安卓和模拟器上却有问题。这个原因可能是由于网页的视口缩放引起的。解决方法:给图片添加 margin:-1px 即可。 ...

         时间 : 2019-02-20| 栏目 : css3, 大前端| 浏览 : 8,648 次| 评论 : [阅读全文]

      html布局中如何让 最外层div的 height 100% 起作用?

      浏览器是如何计算高度和宽度的 Web浏览器在计算有效宽度时会考虑浏览器窗口的打开宽度。如果你不给宽度设定任何缺省值,那浏览器会自动将页面内容平铺填满整个横向宽度。 但是高度的计算方式完全不一样。事实上,浏览器根本就不计算内容的高度,除非内容超出了视窗范围(导致滚动条出现)。或者你给整个页面设置一个绝对高度。否则,浏览器就会简单的让内容...

           时间 : 2018-01-04| 栏目 : css3| 浏览 : 4,730 次| 暂无评论 [阅读全文]

        css禁止用户选择文本(兼容所有浏览器)

        如果让整个页面都禁止选择,可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user...

             时间 : 2015-02-12| 栏目 : css3| 浏览 : 1,990 次| 暂无评论 [阅读全文]

          webkit内核浏览器的常用CSS3

          -webkit-tap-highlight-color: transparent;  Mobile上点击链接高亮的时候设置颜色为透明 -webkit-user-select: none; 设置为无法选择文本 -webkit-touch-callout: none; 长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片 ...

               时间 : 2015-02-12| 栏目 : css3| 浏览 : 1,944 次| 暂无评论 [阅读全文]