流浪のwolf

如何实现双飞翼（圣杯）布局

摘要：说明：什么是双飞翼布局？就是两侧的宽度固定，中间自适应； “双飞翼布局”可以比作一只天使，可以把center看成是鸟的身体，left和right则是天使的翅膀。这个布局的实现思路是，先把最重要的身体部分放好，然后再将翅膀移动到适当的地方。（双飞翼的特点就是给天使的身体上在加上一个盔甲<一个div 阅读全文

posted @ 2022-07-19 09:32 流浪のwolf 阅读(760) 评论(0) 推荐(0) 编辑

如何让img图片居中

摘要：说明：img是行内块元素，用一个盒子（父元素）嵌套img（子元素） text-align:center;可以让父元素为块元素的行内块或行内元素水平居中； vaertical-align:middle;让img元素垂直居中；代码： <style> .fa { display: table-cell; 阅读全文

posted @ 2022-07-19 08:36 流浪のwolf 阅读(3066) 评论(0) 推荐(0) 编辑

vertical-align:middle 让图片和文字在底部对齐

摘要：待写。。。阅读全文

posted @ 2022-07-18 21:59 流浪のwolf 阅读(26) 评论(0) 推荐(0) 编辑

输入框输入中文显示字数问题解决

摘要：问题：输入中文时如xin 新会显示字数：1 2 3 1 这不是我们想要的在输入xin 新时应该是 1 不能把 xin 计算进去 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv 阅读全文

posted @ 2022-07-18 12:44 流浪のwolf 阅读(122) 评论(0) 推荐(0) 编辑

前端面试 html css 如何让一个盒子水平垂直居中？

摘要：方法1 使用子绝父相定位推荐说明：让父元素相对定位，因为要让子元素以父元素为参考对象，如果父元素不设置定位，子元素的参考对象就是整个页面document；子元素绝对定位，top：50%；left：50%;都是相对父元素的高宽的50%设置的；最后一步分为2中实现代码：已知子元素高宽和未知阅读全文

posted @ 2022-07-18 08:16 流浪のwolf 阅读(785) 评论(0) 推荐(0) 编辑

transform、transition、animation 的作用和区别

摘要：简述 transform transition animation 的作用阅读全文

posted @ 2022-07-17 22:15 流浪のwolf 阅读(0) 评论(0) 推荐(0) 编辑

导航

公告

如何实现双飞翼（圣杯）布局

如何让img图片居中

vertical-align:middle 让图片和文字在底部对齐

输入框输入中文显示字数问题解决

前端面试 html css 如何让一个盒子水平垂直居中？

transform、transition、animation 的作用和区别

流浪のwolf

导航

公告

如何实现双飞翼（圣杯）布局

如何让img图片居中

vertical-align:middle 让图片和文字在底部对齐

输入框输入中文显示字数问题解决

前端 面试 html css 如何让一个盒子水平垂直居中？

transform、transition、animation 的作用 和 区别

前端面试 html css 如何让一个盒子水平垂直居中？

transform、transition、animation 的作用和区别