HTML5
关注
分享
扫一扫
GAMELOFT9
读万卷书，行万里路，知行合一。
展开
-
关于pre换行的一点探究
背景换行是很常见的需求，一般word-break搭配overflow属性就可以很轻松的实现，例如:<html lang="zh"><head> <style type="text/css"> .log_wrap{ overflow-x:hidden; overflow-y:auto; word-break:break-all;...原创 2019-12-05 10:49:35 · 336 阅读 · 0 评论 -
flex布局导致ellispsis失效
问题描述之前的文本超过长度省略文章中，讲到了如何通过CSS控制文本超过长度省略。但是在flex布局中，ellispis却失效了。举例说明：文档结构如下：<div class="container"> <div class="div_1"> </div> <div class="div_2"> <span id="conte...原创 2019-08-08 19:14:43 · 1567 阅读 · 2 评论 -
jsp页面禁用缓存
A页面跳转到B页面后，按返回按钮，返回页面A后并没有继续处理，而是卡住了，原因是jsp页面被浏览器缓存了。因此需要禁用Jsp页面缓存。正确的做法：<%@ page contentType="text/html;charset=UTF-8" %><% response.setHeader("Pragma", "No-cache"); resp...原创 2019-08-02 10:32:18 · 1034 阅读 · 0 评论 -
iphone CSS动画失效
在项目中需要在支付结果页面加入弹窗广告，并提供动画效果。在参考了animate.css后，将其中的bounceInDown和bounceOutUp提取出来，提取部分如下：.animated { animation-duration: 1s; animation-fill-mode: both;}@keyframes bounceInDown { from,...原创 2018-11-02 14:36:15 · 3828 阅读 · 0 评论 -
设置背景透明，内容不透明
之前需要做一个弹窗广告，有一个半透明的背景层，然后是广告。很简单的想到了opacity这个属性，设置后发现广告内容也透明化了，背景后面的图案和广告图案重叠，严重影响了视觉效果，如下图所示：弹窗广告的html内容如下：<!--弹窗广告--><div class="pop_ad_background" style="display: none;">...原创 2018-10-09 11:02:58 · 1412 阅读 · 1 评论 -
input disabled不能提交表单
今天，在开发过程中发现一个问题，在提交form表单时，有一个input一直不能被提交，后台一直报错！究其原因，是因为该input上设置了disabled属性。然而，有时我们又不得不设置某些元素为不可操作的，建议使用readonly替之。一、readonly & disabled区别readonly和disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。dis...转载 2018-03-20 10:09:04 · 613 阅读 · 0 评论 -
HTML文档结点的遍历
工作中有这么个需求，实现文档字体放缩的功能。思路很简单，遍历文档结点，将所有元素的font-size属性设置成原来的多少倍来达到放大的目的。需要注意的是，有的元素刚开始并没有设置style和font-size属性，那么就需要给它一个默认值。 从上面可以知道，重点就是文档结点的遍历，刚开始通过chidNodes进行遍历，代码如下：/**改变字体大小*element 元原创 2016-07-22 17:41:16 · 698 阅读 · 0 评论 -
html中特殊字符引用
如果显示的文本中包含一些特殊字符（比如可能会与标记符号冲突的符号）时需要通过字符引用的方式才能输入。在HTML中有两种字符引用类型：字符引用和实体引用。 字符引用和实体引用都是以一个和号（&）开始并以一个分号（;）结束。如果使用的是字符引用，需要在和号（&）之后加上一个井号（#），之后是所需字符的十进制代码或十六进制代码（ISO10646字符集中字符的编码）。如果使用的是实体引用，在和号（原创 2014-03-10 10:12:26 · 1523 阅读 · 0 评论 -
input中id和name的区别
原文地址：input中id和name的区别作者：zhengchaom 在表单（input）中id和name的区别 但是name在以下用途是不能替代的：1.表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的reque转载 2014-03-10 10:12:31 · 762 阅读 · 0 评论 -
InnerHtml和InnerText的区别
一、概述span1.InnerHtml=""和span1.InnerText=""都表示设置ID=span1的标签的内容。二、区别两者的区别为：span1.InnerHtml=""设置的内容带有格式，而span1.InnerText=""不带格式。若显示的内容中带有代码则前者处理后才显示带格式的内容，而后者直接显示，代码当做纯文本处理。例子：原创 2014-03-10 10:12:33 · 672 阅读 · 0 评论 -
html之img标签
本文转自网络。 标签是页面上最为重要的元素之一。很难想象一个页面上没有图片的样子，这样的页面效果将会大打折扣。任何一个前端工程师想必对标签都非常熟悉了，毕竟经常和它打交道嘛。但你真的对它完全了解吗？如果你能准确无误地回答出以下几个关于的问题，那么恭喜你，本文你可以不再往下看了，或者说你可以用省视的目光来核对本文。问题1：如果在一个页面上插入标签，有哪些属性是必需的？问题2：标签原创 2014-03-10 10:12:28 · 1771 阅读 · 0 评论