随笔分类 -  CSS

CSS——div内文字的溢出部分用省略号显示
摘要：使得div内文字的溢出部分用省略号显示，可归纳为两种解决办法，一种方法是用CSS解决，另一种方法是js解决。 一、通过CSS控制显示 div内显示一行，超出部分用省略号显示 div内显示多行，超出部分用省略号显示 代码： 运行结果： 二、通过js控制显示 代码： 运行结果： 阅读全文
posted @ 2019-09-10 21:16 蛋片鸡 阅读(9864) 评论(0) 推荐(1)
CSS——div垂直居中及div内文字垂直居中
摘要：最近做demo时，经常需要div垂直居中或者让div内文字相对div垂直居中。水平居中比较简单，就不多说了，这里主要记录一下垂直居中的一些方法。 一、div垂直居中的一些方法： 1.当height、width固定大小时， 运行结果： 2.当height、width大小是百分比时，有如下三种方法可以实 阅读全文
posted @ 2019-03-19 15:46 蛋片鸡 阅读(14852) 评论(0) 推荐(3)
CSS——img自适应div大小
摘要：代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>哈哈</title> <style> .div0 { width: 300px; height: 100px; background: yellow; } .div1 阅读全文
posted @ 2018-12-19 14:46 蛋片鸡 阅读(14257) 评论(1) 推荐(1)
CSS——对height和line-height的理解
摘要：最近在做CSS界面时经常遇到line-height和height这两个属性，一直没搞很明白，今天静下心来好好网上查阅了一下，算是有所领悟。https://blog.csdn.net/a2013126370/article/details/82786681这个博主写的很不错，至少让我对line-hei 阅读全文
posted @ 2018-12-13 12:43 蛋片鸡 阅读(1717) 评论(0) 推荐(0)
CSS——background-size实现图片自适应
摘要：在网页端，我们经常想让图片能够自适应拉伸缩放，使之可以完美的嵌入我们给定的容器里，比如div,button,input，下面我将用代码来说明如何实现这个功能！ 一、div背景图自适应 如果知道图片都有自身的大小尺寸，那我们如何把一张图片自适应缩放到一个给定大小的div里呢？这里只要用到backgro 阅读全文
posted @ 2018-12-12 21:28 蛋片鸡 阅读(41927) 评论(0) 推荐(1)
CSS——对position定位和margin-top的理解
摘要：一、常见定位方式 1.positon：absolute （脱离文档流） 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位 (这里的父元素是指定位方式为relative和absolute的父元素）。 如果一直没找到 relative或者absolute定位的第一个父元素，则父元 阅读全文
posted @ 2018-11-29 14:57 蛋片鸡 阅读(4590) 评论(0) 推荐(2)