![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
--点点--
这个作者很懒,什么都没留下…
展开
-
flex布局
flex布局通过给父元素设定 display: flex, 来控制子元素的排列布局样式 flex父元素支持的属性如下: flex-direction: 子元素的排列方向 row | row-reverse | column | column-reverse row | row-reverse 按行排列,主轴为横轴 column | column-reverse 按列排列,主轴为纵轴 justify-content:设定主轴上的子元素分布方式flex-start | flex-end | c.原创 2021-03-02 15:21:50 · 116 阅读 · 0 评论 -
HTML5如何实现img标签中的图片根据屏幕大小显示相应部分的内容,并保证核心内容可见
实现以下效果: 有一张较大的图片,希望其在大屏幕上全屏显示,在小屏幕上显示中间核心部分的内容,根据屏幕大小自动调整显示效果。 实现方法: 样式部分 .container { overflow: hidden; width: 100%; } body部分 <div class="container"> <img al...原创 2020-01-21 09:08:53 · 1147 阅读 · 0 评论