html
穿条秋裤到处跑
Wu,Rosen Wanlong
展开
-
后端传到前端的字符串如何在pre标签中实现换行
<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。常用来表示计算机源码。先来看个例子:如图所示,在pre标签中,所有的空格和换行都根据原来的格式进行了显示。而在div标签中,则是我们所熟悉的样子,空格换行什么的都是无效的,要换行,就必须使用<br/>标签。如果我们通过后端的字符串的方式,存进数据库,再查出来显示到前端,亦或者是直接从后端传字符串显示到前端进行显示,如果想要换行,直接在字.原创 2020-07-03 14:11:27 · 3095 阅读 · 0 评论 -
推荐几个比较好看的CSS颜色属性搭配
在数据列表中,因为某些属性或状态的数据用户需要用特殊的颜色警示或标识,如果直接使用red或green等颜色,其实太艳了,而且还比较刺眼,特别是那一片大红色,诶,刺瞎老夫双眼了。#FFB5B5#A2E1D4搭配起来的效果如下:这个配色比较淡一点,可能整体效果会比较亮,下面还有一种比较暗的搭配#FC9D99#84AF9B搭配出来的效果如下:如果需要再添加一种颜色属性,可以选择下面这种灰色,整体效果比较和谐#D0D0D0...原创 2020-06-12 17:02:36 · 4478 阅读 · 0 评论 -
ireport设置当前页面纸张大小格式:为何每次右键显示的可选项不一样
使用ireport开发报表也有一两年了,但并不是每天都在用,可能两三个月会用那么一两次。有时候久了没用,想找某些属性该如何配置都得找半天。今天想调整页面的模板,一顿瞎摸索,感觉就是不对,我记得点击鼠标右键就有页面设置这个选项来着,可就是半天没见着。如上图,点击鼠标右键根本没有页面设置的选项。我又接着点啊点。点击到组件时,会显示它的属性,以及比较多的配置选项。还是没有见着。大家可以注意一...原创 2019-12-18 00:51:46 · 2430 阅读 · 0 评论 -
td设置自动隐藏,hover事件触发全部显示,table列表不用担心信息太长导致界面不美观
table由于部分列信息较长,导致界面十分不友好,设置成固定布局的话,每列的占用宽度被均化了,可以把多点内容隐藏掉,但是也不是很美观,可以加div来调整,其他相关设置列属性好像也可以,没有尝试过。通过给td加上以下属性,可以适应自定义的列宽度,多余的内容隐藏,鼠标移动到列上可以全部显示,比较合理。table tr td{ max-width:500px; word-wrap:break-...原创 2019-12-16 15:40:50 · 779 阅读 · 0 评论 -
td自动换行:设置table布局固定,td根据设定宽度自动换行
在table中,因为mou一列内容太多,导致其他列的宽度空间被占用,导致整个布局十分不好看。如果能将内容过多的那列,设置一个固定宽度,然后强制让它自动换行,问题就迎刃而解了。给内容过多的那列添加一下属性:style="word-wrap:break-word;word-break:break-all;"当前效果:总结:在中设置样式style为word-wrap:break-word;...原创 2019-12-16 13:11:38 · 4638 阅读 · 0 评论 -
hiprint使用初体验,模板设计经验分享
在线模板设计地址:http://www.hinnn.com/design在项目中使用过一两次hiprint,主要是设计到自定义标签打印功能。之前项目中设计到标签打印,都是使用c#开发的客户端进行打印,web端主要打印报表之类的设计,使用的是ireport开发。使用c#开发的客户端必须要在安装了bartendar软件的环境进行开发,缺点就是需要购买/安装bartendar软件,这个软件是需要...原创 2019-11-28 09:53:30 · 10671 阅读 · 4 评论 -
IE浏览器通过代码控制文档对象模式
有些时候,虽然电脑的IE浏览器是9以上,但是打开页面的时候可能出现某些js功能失效,比如某些标签的disable属性或者二维码的生成。通过以下代码,可指定网页打开后的文档对象模式,亲测稳定有效。html、jsp或者其他的模板引擎都可用。<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compa...原创 2019-11-26 15:19:36 · 317 阅读 · 0 评论 -
图解CSS中padding、margin、border的区别及使用
先从盒子模型图来直观感受一下三者区别:padding 设置或返回元素的内边距。该属性可使用 1 到 4 种值:如果规定一种值,比如:div {padding: 50px} - 所有四个内边距都是 50px。如果规定两种值,比如:div {padding: 50px 10px} - 上内边距和下内边距是 50px,左内边距和右内边距是 10px。如果规定三种值,比如:div {padd...原创 2019-08-12 16:29:46 · 2034 阅读 · 0 评论 -
如何通过jQuery动态设置元素CSS的样式,以及HTML中CSS “内联式”、“嵌套式”、“外联式”使用方法
html元素使用CSS渲染标签的样式,可以通过内联式、嵌套式、外联式来将CSS样式添加到html中。有时候涉及到动态的参数,或者在事件中需要修改不同元素的CSS样式时,可以通过js获取目标元素,再其修改CSS样式。嵌套式 通过style属性设置元素样式<p style="font-size: 18px;color: pink; padding: 0;float: right;" &...原创 2019-08-09 16:59:55 · 1563 阅读 · 0 评论 -
利用HTML+JS+CSS实现简单的网页计算器,附html所有源代码,可直接黏贴运行
最终实现的效果图源码<!doctype html><html> <head> <meta charset="utf-8"> <title>Calculator</title> </head> <style> *{ font-size...原创 2019-08-09 16:18:12 · 5607 阅读 · 0 评论 -
document.getelementbyid().value与innerHTML使用场景对比,别再搞错了兄嘚
首先getElementById()可以获取到页面上一个有id的元素,进而可以访问该元素的对应属性值,比如说value。<input type="text" id="txt" value="hello html"/>比如html页面中有上面这个id为txt的input元素//获取该元素对象var txt = document.getElementById('txt');//...原创 2019-08-09 09:44:24 · 15980 阅读 · 0 评论 -
JSON.parse()函数处理json格式字符串方法
函数语法:JSON.parse(text[, reviver])text:必需, 一个有效的 JSON 字符串。reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。<!DOCTYPE html><html><head><meta charset="utf-8"><title>json函数测试<...原创 2019-08-08 14:15:26 · 1740 阅读 · 0 评论 -
JSON对象中的函数调用,JSON格式的字符串对应的函数调用方法
json对象中的函数调用:直接使用 json变量名+函数名+()进行调用,特别注意这对括号;如果是获取到的json格式的字符串,想要调用它的方法前,需要先将该字符串转换成json对象,在调用对应的方法。<!DOCTYPE html><html><head><meta charset="utf-8"><title>json函数...原创 2019-08-08 11:42:48 · 3215 阅读 · 0 评论 -
JSON值的类型:数字,字符串,逻辑值,数组,对象,null
JSON的值可以是:数字 (整数或浮点数)字符串 (在双括号中)逻辑值 (true或false)数组 (在中括号中)对象 (在大括号中)null测试代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>json对象测试</tit...原创 2019-08-08 09:35:01 · 2499 阅读 · 0 评论 -
JavaScript验证表单数据,HTML自动验证表单数据是否为空,数字范围
典型数据验证:a.字段是否为空;b.输入内容是否合法(例如数字字段是否输入了文本,email格式是否正确等)数据验证时可通过javaScript进行表单验证,也可提交表单,在服务器端验证。通常情况下,更多的使用表单验证,效率更高。onsubmit表单验证<html><head><meta charset="utf-8"><title&g...原创 2019-07-26 18:01:09 · 1439 阅读 · 0 评论 -
checkValidity()验证输入信息合法性,自定义错误提示信息方法及误区
如果input元素中的数据合法则返回true,反之则返回false。inputObj.validationMessage系统会动态赋予默认值,比如type=“number” min=“100” max=“200” 在输入“1”时,默认值则可能是“请选择一个不小于100的值”。如果需要自定义错误提示信息,必须要用一下语句先取消自定义提示的方式,否则validity.customError的值...原创 2019-07-29 11:07:32 · 5845 阅读 · 3 评论