CSS:
在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一个头,非常难看。
之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。
CCS实现input和img水平对齐的方法
同时给input和img添加vertical-align:middle就行了,转自(caixw.com),感谢!代码如下:
input, img { vertical-align:middle; }
问题解决。
这个“浏览器默认HTML的CSS样式属性”,在你需要还原默认值的时候,比较有用。一般开始的时候基本都应用类似的通配选择器 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。
记录一些网站前端设计、CSS、JS和SEO等网站制作方面的经验技巧和小知识,点点滴滴,逐步积累。
ul 的 list-style 与 li 的 display:block 和 overflow:hidden 等有冲突,IE8以上会无 list-style 效果,可以设定 li a 的 display 和 overflow 属性来解决。
父级标签定义 jQuery 的 click 事件,子级的 a href 将失效,可以用 onclick 代替:
<a href="projects.php" onclick="javascript:location.href='projects.php'">xxx</a>
实现网页文字竖排的方法有很多,先来看看CSS 样式表中提供的两种文字竖排的方法:
writing-mode (IE5.5+专有属性)
语法:
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左