![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTMl
①个程序员
这个作者很懒,什么都没留下…
展开
-
把HTML中特定文字标记成特定颜色
有时候我们需要把HTML中特定文字标记出来一、js页面元素处理。上代码:<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title> 文章标记 </title></head><body>桃...原创 2020-03-22 00:12:39 · 11645 阅读 · 1 评论 -
html给div添加元素
$('#msgs').append("<div class='msg guest'>文本</div>");原创 2020-03-05 21:15:57 · 1555 阅读 · 0 评论 -
浏览器图片上传预览
文件选择框:<input type="file" id="uploadFile" name="uploadFile" onchange="javascript:selectImage(this);"><script> function selectImage(file) { if (!file.files || !file.files[0]) ...原创 2020-02-19 00:42:25 · 351 阅读 · 0 评论 -
HTML关于table的那些事
定义和用法nowrap 属性规定表头单元格中的内容不换行。如:<td nowrap="nowrap">原创 2019-12-27 16:35:16 · 95 阅读 · 0 评论 -
div里的img图片水平垂直居中(已解决)
以下五种方法都能达到效果,请根据具体情况尝试选择。容器结构:<body> <div> <img src="1.jpg" alt="haha"> </div></body>方法一:将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置v...原创 2019-12-11 10:46:03 · 1062 阅读 · 0 评论 -
颜色选择器(拾色器)
今天项目中用到了拾色器,感觉挺好。Html如下:-----------------html开始分割线--------------------------------<!DOCTYPE html><html><head> <title>jscolor Example</title></head>...原创 2019-08-21 19:01:33 · 3238 阅读 · 1 评论 -
HTML种table不被内容撑破的解决方法
亲测有效:首先让table列宽由表格宽度和列宽度设定,不随文字多少变化table{table-layout:fixed;}然后tdtd{white-space:nowrap;/*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。*/overflow:hidden;/*隐藏多余的内容*/text-overflow:ellipsi...原创 2019-08-27 14:09:50 · 1834 阅读 · 0 评论 -
带缺口的border
有时候项目中我们需要边框是带有一个缺口,怎么做呢?原理是这样的:将边框div定位,再写一个背景颜色为白色的div绝对定位去遮住某条变的边框,造成边框有缺口的假象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Docum...原创 2019-09-24 11:44:17 · 1307 阅读 · 0 评论 -
HTML鼠标拖动元素
很简单的思路,通过三个鼠标事件:点击、移动、抬起,只要计算出当前位置即可,如果是图片的话加入:e.preventDefault();即可<!DOCTYPE html><html><head> <title>鼠标拖动</title> <style type="text/css"> #dv {...原创 2019-09-24 11:58:16 · 3247 阅读 · 0 评论