css images居中,【2人回答】CSs html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中？-3D溜溜网...

回答：

说真的，很多设计师做了几年网页设计，但依然把参考线没有玩转，甚至很少去使用它。要知道，参考线是PS中很强大的工具，省时省力，效果极佳，能够帮助我们的内容”塑形”。

打开标尺

首先，要确保已经打开标尺，如果没有打开，那么视图>标尺(ctrl/cmd+r)

设置并调整参考线

打开标尺后，可以开始设置参考线了。只需拖移垂直标尺或水平标尺并释放，便可设置垂直或水平参考线了。

释放按键后，虚线变为彩色参考线

使用任何工具时，都可以设置参考线，无所限制。值得一提的是移动工具(v)，可以进一步拖移参考线，重设位置。

拖移参考线时的一些快捷键

alt 键(Mac：option): 可将水平参考线改为垂直参考线，也可将垂直参考线改为水平参考线

shift 键: 可根据标尺的刻度对齐参考线，如果想要改变标尺的单位，可右键单击标尺进行设置。

隐藏/显示，清除以及锁定参考线

隐藏/显示：(ctrl+h)、或者视图>显示>参考线

清除： 视图 > 清除参考线

锁定: 视图> 锁定参考线。注意，依然可以新建参考线

精确设置参考线

比方说中心位置 视图>新建参考线(alt+v,按e)

当然，输入百分比便省去了计算的麻烦：

新建参考线的默认单位取决于标尺的单位

参考线使用的案例

现在，我们来用真实案例来说明一下参考线的益处。比方说常见的三栏式布局，在文本与页面边缘之间需要留出一点留白区域。同样的，栏与栏之间也需要留白区域。总而言之，我们最后想要这种文本布局。

创建新文件: 输入一些文本，比如lorem iPSum就行

设置基本参考线：在开始之前，设置一些最基本的参考线(画布的顶部，底部，左边，右边)，然后设置两条垂直参考线(33.33%以及66.66%)，结果如下。

创建留白区域: 现在需要给栏与栏之间创造一点留白区域。使用矩形工具(shift+u)，在想要设置留白区域的地方画出形状，我使用了品红色，这样比较容易辨识。