首页 > 其他分享 >在使用pxcook的时候对于文字这方面的设置,一定要既有字号也有行高,这样pxcook的识别出的margin啥的才准确,不然吃大亏

在使用pxcook的时候对于文字这方面的设置,一定要既有字号也有行高,这样pxcook的识别出的margin啥的才准确,不然吃大亏

时间:2023-08-02 23:55:29浏览次数:42  
标签:schedule color margin wrapper height pxcook font banner 行高

问题

最终效果

效果对应代码

/* 右侧课程表区域 */
.banner .wrapper .schedule {
    width: 218px;
    height: 305px;
    margin-top: 60px;
    border-radius: 10px;
    background-color: #209dd5;
}

.banner .wrapper .schedule .schedule_title {
    padding: 18px 0 9px 14px;
    height: 48px;
    font-family: PingFangSC-Medium;
    font-size: 15px;
    color: #ffffff;
}

.banner .wrapper .schedule .schedule_content {
    background-color: #fff;
    border-radius: 10px;
    height: 257px;
    padding: 14px;
}

.banner .wrapper .schedule .schedule_content dl {
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.banner .wrapper .schedule .schedule_content dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 8px;
}
.banner .wrapper .schedule .schedule_content dd {
    margin-bottom: 8px;
    font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #7d7d7d;
}
.banner .wrapper .schedule .schedule_content dd span {
    color: #00a4ff;
}
.banner .wrapper .schedule .schedule_content button {
    width: 190px;
    height: 32px;
    border-radius: 15px;
    outline: none;
    border: none;
    background-color: #00a4ff;
    color: #fff;
}

标签:schedule,color,margin,wrapper,height,pxcook,font,banner,行高
From: https://www.cnblogs.com/wuye-bicycle/p/17602135.html

相关文章

  • 对于这种两个p之间的行间距使用margin隔开但是间距总是过大的解决方法——将margin的
    问题先给个需要的结果图在学习前端的时候老是会出现这种情况图片代码/*ul到li内部的CSS样式*/.box.contentul{display:flex;width:1245px;height:405px;}.box.contentulli{text-align:center;width:304px;margin-righ......
  • #Powerbi 1分钟学会利用AI,为powerbi报表进行高端颜色设计
    在BI报表的设计中,配色方案往往成为一大难题,一组切合主题、搭配合理的颜色设计往往能为我们的报表,加分不少。今天,就介绍一个AI配色的网站,利用AI为pbi报表进行配色设计。一:网站网址https://aicolors.co/二:网站介绍2.1 主要区域介绍标红区域1,可以输入需要生成的风格(需要英......
  • 如何进行高效的代码审查
    代码审查是软件开发过程中至关重要的一环。它是指由开发团队中的其他成员对代码进行检查,以确保代码的质量和一致性。代码审查可以帮助发现潜在的问题,例如内存泄漏、安全漏洞或性能问题。通过及早发现这些问题,可以避免它们在后期的软件开发过程中变得更加复杂和昂贵。以下是代码......
  • CSS2.1规范笔记——8.2 外边距与margin合并
    外边距margin取值<length>:一个固定值<percentage>:百分比根据当前生成盒的包含块的width来计算。注意,margin-top和margin-bottom也是根据其包含块的width来计算的。如果包含块的width取决于该元素,那么产生的布局在CSS2.1是未定义的。auto:具体见“计算width与margin”章节。m......
  • ENVI能够仅仅基于植物的外形形态特征进行高分辨率影像的精确到植株分类个数统计吗?
    听上去好像跟opencv的目标识别一样?只是tif影像只有DOM地物的顶部信息。。而且还有坐标信息。分类:地面、其它(植物)参考:https://www.zhihu.com/question/455962599......
  • 2. Q_ 行内_inline_元素 设置_margin_top_和_margin_bottom_
    Q:行内(inline)元素设置margin-top和margin-bottom是否起作用?A:不起作用。(答案是起作用,个人觉得不对。)html里的元素分为替换元素(replacedelement)和非替换元素(non-replacedelement)。替换元素是指用作为其他内容占位符的一个元素。最典型的就是img,它只是指向一个图像......
  • Poi Excel 动态变化行高,动态创建Sheet
    需求Excel最终需要由A4纸打印出来标题名称需要动态变化行高自动变化每页都需要保留标题分析基础需求即填充标题填充数据,设置样式,基础需求可以通过easyExcel或者Poi的API来实现,但是由于需求3、4,easyExcel并不支持,只能选择使用ApachePoi。ApachePOI没有直接的API来自动......
  • Android 的Margin和Padding属性以及支持的长度单位
    Android的Margin和Padding跟Html的是一样的。如下图所示:黄色部分为Padding,灰色部分为Margin。通俗的理解Padding为内边框,Margin为外边框对应的属性为android:layout_marginBottom="25dip"android:layout_marginLeft="10dip"android:layout_marginTop="10dip"an......
  • NPOI导出Excel自适应行高
    开发环境:.NetCore3.1,NPOI2.6.0功能需求:导出的Excel的内容要自适应行高。先看模板,这是一张质量检测报告单,打码部分属于其他敏感数据。最终效果 需求分析:一顿网上查找“NPOI导出Excel自适应行高”,都是片段代码,很多参数不明,但是也提供了不错的思路,这里博主整理一下。之前......
  • 盒子模型content+border+padding+margin
    颜色赋值三原色RGBRedGreenBlue,每个颜色的取值范围0-255五种颜色赋值方式:颜色单词赋值:red/yellow/blue/pink....6位16进制赋值:#ff00003位16进制赋值:#f003位10进制赋值:rgb(255,0,0)4位10进制赋值:rgba(255,0,0,0-1)a=alpha 色彩空间:......