摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>盒模型</title> <style> div{ height: 200px; width: 200px; background: #6A5ACD; padding: 20px; 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>多行文本省略号显示</title> <style> /* line-clamp不在css标准里面所有这几个属性必须配合使用才有效果 */ /* 1.可以设置多行显示然后省略号 */ 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>垂直居中</title> <style> /* 方法5 */ .outer{ position: relative; height: 300px; width: 300px; di 阅读全文