• css 特别样式记录


    一、

     这段代码神奇的地方在于, 本来容器的宽度只有1200px,如果不给img赋予宽度100%,那么图片 会超出盒子,如果给了img赋予了宽度100%,多个图片会根据自己图片大小的比例,去分完那1200px,如图二。

    1. imgContainer_item}>
    2. <img src={item.img} className={styles.imgContainer_item_img} alt="" />
    3. <div className={styles.imgContainer_item_bg}>div>
  • ---------------------
  • .imgContainer {
  • width: 1200px;
  • height: 400px;
  • display: flex;
  • .imgContainer_item {
  • .imgContainer_item_img {
  • width: 100%;
  • }
  • .imgContainer_item_bg {}
  • }
  • }
  • ------------------------------------

    踩坑记录: 图1图二是我需要的 ;  如果 & 多加了一个空格 ,就会变成了给它下面的所有子元素增加:hover。  

     

      

  • 相关阅读:
    Blazor前后端框架Known-V1.2.2
    张量-算术操作函数
    35.认识线程安全【20220813】
    大语言模型领域的重要术语解释
    神经网络在故障诊断中的应用
    【漏洞复现】五、seacms 远程命令执行(CNVD-2020-22721)
    EPICS -- autosave模块使用示例
    力扣 2454. 下一个更大元素 IV
    【算法|动态规划No.20】leetcode416. 分割等和子集
    项目实战:中央控制器实现(4)-实现RequestBody注解的功能-获取请求体参数
  • 原文地址:https://blog.csdn.net/weixin_43416349/article/details/133888458