重构网页过程中的小tips

1.display为inline-block的元素可以使用virtical-align:middle来使得元素垂直居中对齐

2.在一些按钮标签或者mark标签中，如果文本内容确定不会改变长度的话，可以定义标签的width和height，如果文本内容字数不固定，要达到文本居中的效果，可以使用padding和line-height来实现。使用padding的时候要考虑到文本内容是否已有定义的line-height

3.属性text-align针对的是html元素，如a,img,p等。对于div和span,如果div没有固定宽度，那么里面的文本内容可以实现在div的父级容器中居中，如果div固定宽度，该属性并不能使div元素在父级容器中居中，但是由于text-align属性的继承性，可使得div的子元素文本内容在div容器中居中。

4.对于a标签，href属性去掉就可以让a标签变得和普通的标签一样不具有可点击的样式

5.实现图片可点击的三种方法：①img标签包含在a标签中②图片作为a标签的背景③在img标签上使用一个a标签覆盖

转载于:https://www.cnblogs.com/walk-on-the-way/p/5740008.html