摘要: css布局三角巧妙运用-三角强化 原理:做出一个矩形盒子(如下:红色)和一个直角三角盒子(如下:蓝色),将直角三角定位到矩形右侧。 直角三角代码如下: *注意:直角三角是由一个width和height均为0的正方形盒子变化而来,通过设置盒子的边框宽度来实现大小,案例中不是等腰三角形,需要通过增加上边 阅读全文
posted @ 2022-10-02 21:41 chichi0002 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 单行文字溢出省略号显示、多行文字溢出省略号显示 1、单行文字溢出显示省略号——必须满足三个条件 /*1、先强制一行显示文本*/ white-space: nowrap ; (默认 normal 自动换行) /*2、超出的部分隐藏*/ overflow: hidden; /*3、文字用省略号替代超出的 阅读全文
posted @ 2022-10-02 20:18 chichi0002 阅读(416) 评论(0) 推荐(0) 编辑
摘要: vertical-align 属性应用 CSS的 vertical-align 属性使用场景:经常用于设置图片或表单(行内块元素)和文字垂直对齐。 官方解释:用于设置一个元素的垂直对齐方式,但是它只针对行内元素或者行内块元素有效。 vertical-align :baseline | top | m 阅读全文
posted @ 2022-10-02 20:00 chichi0002 阅读(36) 评论(0) 推荐(0) 编辑