卡片居中案例

简介: 卡片居中案例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
             background-color:  #F0F0F0;
        }
        div {
            width: 300px;
            height: 400px;
            margin: 0 auto;
            text-align: center;
        }
        div img {
            width: 200px;
        }
        .wanju {
            font-size: 12px;
            color: gray;
        }
        .jiage {
            color: #FF5809;
        }
    </style>
</head>
<body>
    <div>
        <img src="./images/car.jpg" alt="">
        <br>
        <span>九号平衡车</span>
        <p class="wanju">成年人玩具</p>
        <p class="jiage"> 1999元</p>
    </div> 
</body>
</html>

image.png


总结:首先要整体分析


相关文章
|
安全 监控
服务器禁ping的好处和坏处是什么
服务器禁ping的好处和坏处是什么禁ping好处一定程度上在互联网上隐藏自己防止一些批量扫描软件探测主机,减少被入侵的几率; 禁止ping坏处 无法使用常用的ping或者监控软件来检测站点是否正常,服务器是否在线等; 建议一般情况下没必要禁止ping,只要常规的服务器安全设置下注意下使用互联网这么大没多大几率盯上这台服务器。
5740 0
|
存储 JavaScript 前端开发
JavaScript中的sessionStorage
JavaScript中的sessionStorage
88 0
|
8月前
|
人工智能 算法 Serverless
《主动式智能导购AI助手构建》解决方案用户评测
在部署体验过程中,官方提供的详尽文档和图表帮助新手轻松上手,但环境变量设置等问题仍需改进。解决方案采用Multi-Agent架构,百炼大模型实现精准推荐,函数计算优化响应速度。生产环境部署指导全面,但仍需加强异常处理和面向新手的教学资源。整体架构清晰高效,建议完善数据流描述及Router Agent算法逻辑的阐述。
207 10
《主动式智能导购AI助手构建》解决方案用户评测
|
存储 算法 算法框架/工具
【opencv】计算机视觉:实时目标追踪
【opencv】计算机视觉:实时目标追踪
266 0
|
小程序
微信小程序连续显示多个空格
微信小程序连续显示多个空格
451 0
微信小程序连续显示多个空格
|
数据采集 搜索推荐 安全
外贸网站关键词怎么做?
答案是:利用Semrush获取有价值的关键词。 了解目标市场 在选择外贸网站的关键词时,首先要有清晰的目标市场定位。 市场调研 针对你的产品或服务进行深入的市场调研,了解目标客户的需求和习惯。 文化与语言差异 考虑目标市场的文化和语言特点,确保关键词与当地文化和语言习惯相符合。 利用关键词工具 有许多关键词工具可以帮助你找到与你的外贸产品或服务相关的关键词。
197 0
外贸网站关键词怎么做?
|
开发框架 安全 Java
★推荐一款适用于SpringBoot项目的轻量级HTTP客户端框架 上
★推荐一款适用于SpringBoot项目的轻量级HTTP客户端框架 上
558 0
★推荐一款适用于SpringBoot项目的轻量级HTTP客户端框架    上
springSecurity报错:Cannot pass a null GrantedAuthority collection
springSecurity报错:Cannot pass a null GrantedAuthority collection
343 0
|
Java 数据库连接 数据库
java面试题:解释JDBC抽象和DAO模块?
java面试题:解释JDBC抽象和DAO模块?
java面试题:解释JDBC抽象和DAO模块?

热门文章

最新文章