![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
一个菜鸟的奋斗之路
这个作者很懒,什么都没留下…
展开
-
通过css和js设置内容不确定的两行文字两端对齐
效果如图所示:思路:1.先通过css样式设置两行两端对齐,但是会有一个问题,随着两行的内容的不确定,没办法固定两行的宽度,通过第二步解决首先元素添加如下声明达不到效果text-align: justify;然后对元素的父元素添加声明 注意:(只给元素本身添加对齐的声明)text-align: justify; text-align-last: justify;...原创 2018-10-18 19:05:17 · 1467 阅读 · 0 评论 -
用video.js和windows自带播放插件MediaPlayer实现视频播放
由于本人在搜索资料没有找到video.js插件支持ie8的方法,所以在做查看视频的功能时想法是这样的,对于谷歌和IE10以上用video.js的方法实现,而IE9及IE8用MediaPlayer实现。下面是实现代码(只测试过mp4格式的):1.video.js实现<html> <head> <meta charset="utf-8"> ...原创 2018-10-25 15:07:47 · 2655 阅读 · 0 评论 -
html实现tab页及切换
效果图如下:tab切换通过js和jquery实现,代码如下(主要是调css样式比较麻烦,其他的都比较简单):1、页面切换通过js实现(有点繁琐,每个tab都要写一个onclick方法):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/lo...原创 2018-11-22 13:46:14 · 43938 阅读 · 12 评论 -
layui.js实现多文件上传前端html写法总结
最近需要写多文件上传功能,用到了layui.js控件,现进行总结,因为内容太多这里只总结了html页面的内容,java后台配置对接另一篇文章《layui上传多文件后台代码总结(java》,其实官网《layui.js文件上传示例》已经写的很详细了,我再啰嗦一下。参考文章如下:layui 上传组件后台代码分享( PHP 和 Java 的版本)layui 上传组件后台代码分享( Python...原创 2018-12-11 16:56:06 · 3040 阅读 · 2 评论 -
layui图标用法总结
本文参考官方文档《layui图标使用官方文档》,建议先看此文章,并结合本文的前两个步骤使用即可1.下载layui.js相关文档,《layui.js下载》,下载之后里面的内容如下:只需要把layui文件夹拷贝到自己项目中即可2.页面引入,在自己要实现文件上传功能的html页面引入下面两个文件:<script src="${basePath?if_exists}/demp/...原创 2018-12-11 17:33:58 · 12951 阅读 · 0 评论