前端
文章平均质量分 92
星河帆帆
业余程序猿,爱好前端
展开
-
前端经典案例:CSS水平、垂直居中布局
1、水平居中1.1、行内元素水平居中这里行内元素是指文本text、图像img、按钮超链接等,只需给父元素设置text-align:center即可实现。.box { text-align: center; background-color: #f6e5dd;}<div class="box"> 水平居中</div>1.2、块级元素水平居中1.2.1、固定宽度块级元素水平居中只需给需要居中的块级元素加margin:0 a原创 2020-05-28 07:54:14 · 456 阅读 · 0 评论 -
Bootstrap鼠标悬停展开子菜单
Bootstrap中的导航条默认鼠标点击才会显示子菜单,可以通过如下脚本修改默认行为,使得鼠标悬停展开子菜单 <script> $(function(){ //鼠标移入和移出,显示或隐藏子菜单 $("li.dropdown").mouseover(function () { $(this).children(".dropdown-menu").show...原创 2020-01-09 11:10:50 · 1592 阅读 · 0 评论 -
Office文档在线预览解决方案
利用iframe和微软的Office文档在线预览功能,可以在页面上动态加载doc、excel、ppt格式文档需要注意的是,文档链接必须是能够公开访问的<iframe src="http://view.officeapps.live.com/op/view.aspx?src=http://www.xcza.net/sin.ppt" frameborder="0" width="100%...原创 2020-01-06 20:00:05 · 1002 阅读 · 0 评论