1、选中要对齐的DIV。
2、点击右侧CSS选项卡下的添加属性，如下图
3、在新添加属性名称下选择：line-height，
4、中间的数值框内填上数字，这个数值必须要和这个DIV的height属性值一样，才能使文字纵向居中，
5、第三个框中选择px。确认
6、或者直接在代码视图下的div中的style样式中添加line-height:100px，使这个DIV的行距line-height值与高度height值相等就可以实现垂直居中。
可能会分3种情况：1、浏览器的窗体滚动，这个估计每个浏览器都不一样，记得以前IE中纵向不超屏幕，横向超过一屏，用滚轮就横着滚，没测试。2、iframe中的窗体滚动。3、div中的内容overflow滚动。1是随着屏幕分辨率计算，比较难控制。2与3是可以用宽度高度控制，也可以由js判断初始化或者后续控制。有了这些基础后，推荐使用js进行控制，当scroll的时候把y轴的变化转换到x轴上，根据以上情况的不同，控制好用户体验。
![CSS 如何控制令到同一行的 aa 左对齐，bb右对齐 [不能换行，只能在同一行]](/aiimages/CSS+%E5%A6%82%E4%BD%95%E6%8E%A7%E5%88%B6%E4%BB%A4%E5%88%B0%E5%90%8C%E4%B8%80%E8%A1%8C%E7%9A%84+aa+%E5%B7%A6%E5%AF%B9%E9%BD%90%EF%BC%8Cbb%E5%8F%B3%E5%AF%B9%E9%BD%90+%5B%E4%B8%8D%E8%83%BD%E6%8D%A2%E8%A1%8C%EF%BC%8C%E5%8F%AA%E8%83%BD%E5%9C%A8%E5%90%8C%E4%B8%80%E8%A1%8C%5D.png)
