樱花庄的某君 2022-04-01 23:35 采纳率: 76.9%
浏览 32
已结题

关于CSS卡片布局的问题

像下面博客这样，下面的内容预览卡片和上面的banner两端始终对齐，而且还可以随着浏览器视口大小的改变，卡片会自适应调整大小以及每行显示的个数，但始终与banner两端对齐，这是怎么做到的呢？

img

  • 写回答

2条回答 默认 最新

  • 你好！机器人 2022-04-02 07:15
    关注

    宽度给百分比就可以了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 关于前端弹性布局的问题 css html 前端
    2022-06-28 17:45
    回答 4 已采纳 你说得是对的，动手验证一下即可，刚好今天写了一个示例，content 既是容器也是项目 <!DOCTYPE html> <html lang="en"> <head&gt
  • 关于前端css的设置问题 css html
    2023-01-05 10:19
    回答 2 已采纳 你如果只用css实现的话，划过的时候给个背景图不就行了
  • 关于css 双飞翼布局问题 css
    2018-03-12 04:47
    回答 2 已采纳 预留对应的左右空白，因为middle 100%了，你不设置左右margin内容就会自动占上去了 未换行是字母数子连一串当做单词除了了，当然不会换行，加了换行你就会理解为什么加margin-rig
  • CSS3商品介绍购物卡片布局特效
    2021-07-24 23:51
    本主题“CSS3商品介绍购物卡片布局特效”关注的就是如何利用CSS3来创建吸引人的、交互式的商品展示效果，特别是在电子商务网站上常见的购物卡片设计。这种设计通常用于展示商品的基本信息，如图片、标题、价格以及...
  • css前端设计文本垂直居中问题 css html 前端
    2022-04-08 14:45
    回答 2 已采纳 很多办法，最简单是用footer的padding，设置上下一样的padding，他就居中了。行高也可以，但是要多包一层，外层设置为footer高度一样的行高，内存设置为每行固定的一个高度。还有flex
  • css前端设计文本居中问题 css html 前端
    2022-04-08 14:21
    回答 4 已采纳 在span标签外添加center标签
  • 关于 CSS 中 left 的问题 css html5 前端
    2022-05-28 10:38
    回答 2 已采纳 在父类a标签加position：relative
  • CSS卡片布局和动画
    2023-06-06 14:50
    邓孝慈老公的博客 但是，在特定的使用场景中，我们无法做到使用一套css和一套定义了html字体的媒体查询代码来适配所有的屏幕，所以，我们还是会直接在对应的媒体查询里面对元素的样式进行分别设置。一般屏幕适配的区间没有固定限制，...
  • 关于css设置失效的相关问题 css html 前端
    2023-01-04 14:54
    回答 2 已采纳 1.第一个是因为你的h2标签高度设置的是41px，而行高设置的50px，行高比元素的高度都要大，肯定要往下移，如果想要居中的话要设置行高为41px2.第二个是因为你设置了padding: 20px;而
  • 前端 | 关于flex布局 css3 前端 前端框架 有问必答
    2022-03-09 20:53
    回答 3 已采纳 .outer>div加个高度就不会撑开，不然flex布局高度自适应的时候，高度会根据内容撑开 .outer>div{ width:200px;
  • css盒子布局浏览器的4个角落 css html 前端
    2022-10-07 17:27
    回答 2 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l
  • 纯css3卡片布局.zip
    2021-07-28 17:54
    综上所述，"纯css3卡片布局.zip"是一个展示如何仅用CSS3实现卡片布局的实例，涵盖了Flexbox、Grid布局、响应式设计、动画和图像优化等多个核心前端技术。学习和理解这个案例可以帮助开发者更好地掌握现代前端设计和...
  • CSS3商城购物卡片布局动画特效
    2019-12-13 01:43
    **CSS3商城购物卡片布局动画特效详解** 在现代网页设计中，吸引用户的注意力并提供出色的用户体验至关重要。CSS3商城购物卡片布局动画特效就是一个很好的例子，它利用了CSS3的先进特性，为用户提供了一种生动、互动...
  • css：卡片列表如何自适应布局
    2024-07-24 10:13
    左&耳的博客 css：卡片列表如何自适应布局
  • CSS3天气预报卡片布局代码.zip
    2019-07-03 21:47
    综上所述，"CSS3天气预报卡片布局代码.zip"是一个实用的前端资源，结合了CSS3的先进样式技术与JavaScript的动态功能，为开发者提供了一种快速构建具有专业外观的天气预报组件的方法。通过学习和应用这个代码，开发者...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月10日
  • 已采纳回答 4月2日
  • 创建了问题 4月1日

悬赏问题

  • ¥15 etcd集群部署问题
  • ¥20 谁可以帮我一下问一下各位
  • ¥15 为何重叠加权后love图的SMD与svyCreateTableOne函数绘制基线表的不一致
  • ¥15 QFILHelper怎么恢复全字库，提示进程已完成，只能恢复分区文件
  • ¥150 求 小魔指游戏板整合模拟软件
  • ¥20 你好,我想问下easyExcel下拉多选，或者复选框可以实现吗
  • ¥20 双非跨考工科哪个专业和方向就业前景好？
  • ¥20 求会6sv辐射传输模型，辅导（可py6s🙏🏻有偿
  • ¥15 .xla后缀的文件拖到excel里什么内容也没有怎么办
  • ¥20 Workbench中Mechanical打不开、闪退是什么原因？