您的位置：首页 > Web前端 > HTML

html 小技巧

2015-07-24 00:00 567 查看

摘要: 平时工作中遇到的有意思的html问题

1. div中的多个div 居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#outer {
width:60%;
background:#ffffcc;
margin:auto;
text-align:center;
}
.inner {display:inline-block;float:none;}
}

</style>
</head>
<body>
<!-- force quirks mode by using the xml pro-logue -->
<div id="outer">
<div class="inner">9</div>
<div class="inner">10</div>
<div class="inner">11</div>
<div class="inner">12</div>
<div class="inner">13</div>
<br style="clear:both" />
</div>
</body>
</html>

http://homepage.yesky.com/260/2416260.shtml 附网址

2.a标签添加 display:block; 后可以设置宽高 href="javascript:void(0)" 禁掉a标签的页面调转功能

3.javascript 正则处理用户名，只显示首和尾，中间用三个星号替代

<script>
$(document).ready(function() {
"测试字符串".replace(/^(.).*(.)$/,"$1***$2")
})
</script>

4.input输入框，回车激活按钮事件代码

<input type="text" name="输入框ID" id="输入框ID" onkeypress="if(event.keyCode==13) {btn.click();return false;}"/>
<input type="submit" name="btn" id="btn" value="提交" onclick="alert(输入框ID.value);return false;" />

5.js获得当前日期并加减月

var myDate = new Date();
alert(myDate.getMonth()+1);
alert(myDate.getFullYear() + "-" + (myDate.getMonth()+1) + "-" + myDate.getDate());
myDate.setMonth(myDate.getMonth()-1);
alert(myDate.getFullYear() + "-" + (myDate.getMonth()+1) + "-" + myDate.getDate());

6.相对布局position:relative

7.td中英文或数字换行

1. word-break:break-all;只对英文起作用，以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据

8. position fixed属性
fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航