文程序公子的博客

1 固定单元格宽度这种效果采用css实现。单元格(td)的设置和块(div)有一点不同，前者不能直接设置width，要首先将表格布局（table-layout）设为固定（fixed），然后再设置单元格宽度，否则文字仍然会把单元格撑开。单元格宽度只需设置表头元素就可以作用于整列。<style> /*隐藏多余文字*/ table{ /*将表格布局设为fixed，默认是auto*/ table-layout: f

在hmtl中写一个全选/反选的功能，选中全选时所有的复选框全部选中，相反，只要有一个复选框被取消选中，全选也会被取消选中。为此写了两个函数，非全选的复选框都用forEach循环。function checkAll() { var all = document.getElementById("all"); var oneList = document.getElementsByName("one"); oneList.forEach(function (o

html页面中作为分页页码的按钮元素是写在循环里的，代码如下：<li th:each="p:${page.navigatepageNums}"> <button class="btn btn-default" id="pn" th:text="${p}"></button></li>使用id选择器绑定点击事件， 点击数字时可以跳转页面，代码如下：$("#pn").click(function (){ $("#pageN

用HTML编写一个简单的用户注册页面，主体结构是：div+form+div，form和第二个div之间出现空隙。设置margin和padding为0不起任何作用，按网上的说法将在form标签中设置display为inline。但这样背景效果消失，因此设为inline-block。修改的CSS代码：form{ background-color: rgba(121, 236, 201, 0.5); width: 80%;