一、img+文字 在一个div 里面如何居中对齐？
img和文本是两种不同的节点 所以用的方法也不一样
文字主要依靠 父节点的行高来居中
而img需要的是自身的垂直中齐属性
div {line-heiht：25px;height:25px;}
div img {vertical-align:middle;}
例如：
<div id="buttons">
<img src="ZR04.gif" alt="登录" />
<img src="ZR05.gif" alt="注册" />
<a href="#">忘记密码</a>
</div>
这时只要我们给图片加上垂直对齐的属性，后面的文字连接会相应的与图片水平对齐，即： img{ vertical-align:middle;}。当垂直对齐属性为“top”的时候，文字链与图片顶部水平对齐，一次类推。
如果是input与文字链放在一起，在ff和ie7、ie8中文字链都与图片顶部水平对齐，但是在ie6中却是底部对齐，同样我们可以给input添加垂直对齐属性来达到各个浏览器显示效果相同的目的。
二、在 IE8 FireFox Chrome CSS 置中解決方法
在 IE8 還沒出來之前，都是利用 margin: 0 auto; 的方式來解ĕ ......
1.防止图片被下载和盗用的方法：
（1）<div>嵌套<img>设置<div>的背景图片为实际图片，<img>包含的图片是一张透明图片，两张图片的尺寸相同。即相当于在真实图片上添加了一层保护膜，这张保护膜就是透明图片。这样当用户选择“图片另存为”时，将保存的是透明图片，而不是实际图片。
2.浏览器视窗：
英文叫做ViewPort，指的是浏览器中可用于显示网页的部分，不包括浏览器的菜单条、地址栏、状态条等。浏览器视窗在有的时候是很有用的，比如：当表格或者div标签的宽度设置为百分比时，缩小浏览器窗口，标签也会随之缩小。 ......
最新文章 : html