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值了。

继续阅读 »

2010-06-17

网站制作点滴

2+

记录一些网站前端设计、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>
2009-05-27

CSS 文字竖排

1+

实现网页文字竖排的方法有很多,先来看看CSS 样式表中提供的两种文字竖排的方法:

writing-mode (IE5.5+专有属性)

语法:

writing-mode : lr-tb | tb-rl

参数:

lr-tb : 左-右,上-下
tb-rl : 上-下,右-左

继续阅读 »