分类： 前端

CSS实现同一行的图片和文字垂直居中对齐的方法

有些朋友会发现，如果一行内容中有图片有文字的话，文字往往会自动的底部对齐，影响美观，那如何让它们相对于垂直居中呢，很简单，就是在图片和文字所在的行中添加CSS属性：vertical-align:mid … Continue reading CSS实现同一行的图片和文字垂直居中对齐的方法

HTML5 图片下边界出现空隙，css去除空隙的解决方法

图片img下方出现空隙，且找不到空隙被哪一个元素占用，无缘无故多了空隙，影响样式设计，有以下几种解决方法： 1，给<img>元素添加样式：display:block; <img st … Continue reading HTML5 图片下边界出现空隙，css去除空隙的解决方法

移动前端不得不了解的HTML5 head 头标签

HTML的头部内容特别多，有针对SEO的头部信息，也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容， … Continue reading 移动前端不得不了解的HTML5 head 头标签

国内知名的前端博客

最近几年，随着网络普及和发展，网站作为一种很强大的工具和平台越来越融入了人们的生活，而与用户关系最密切的前端技术也逐渐得到应有的重视。尽管国内前端界的理论和技术与国外相比，在某些方面还有些差距，但是总 … Continue reading 国内知名的前端博客

关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放问题

关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放，而IE9+及Firefox浏览器都是正常全屏播放的， 通过调试发现是这个class的处理影响了全屏的展示 所以，目前的解决 … Continue reading 关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放问题

FontAwesome5.11 与4.7的区别 5.x版本图标显示方框的原因

请点击进入Fontawasome5.x 图标查询页面 进入之后可见所有图标，右侧下方可选各个分类的图标，可根据自身要求连续选择所需的分类。 使用Fontawasome这一字体图标的好处是： 不管在什么 … Continue reading FontAwesome5.11 与4.7的区别 5.x版本图标显示方框的原因

chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法

今天要写一个网页， 浏览器是chrome， 网页里有个自动播放的视频背景， 万事大吉，但是chrome怎么也无法自动播放。360浏览器正常。 网上花了很长时间，但都是说 autopaly =&#822 … Continue reading chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法

input输入框输入内容后显示“X小叉叉”图标 可以清除输入框的内容

输入框获取焦点时动态显示“叉叉”的清空图表：在输入框中输入内容时，右边显示“叉叉”按钮；输入框为空的时候，“叉叉”按钮消失。 如下图： 主要难点是在获取焦点的同时获取输入内容：方法 1 和 2 是 g … Continue reading input输入框输入内容后显示“X小叉叉”图标 可以清除输入框的内容