img{ float: right; }
以上代码表明,将图片使用浮动属性向右浮动,实现水平居右的效果。
如果想要在图片的左侧留出一定的空隙,可以使用一些其他属性:
img{ float: right; margin-left: 10px; /* 留出10像素的左边距 */ }
如果希望图片与其他文本内容上下对齐,则需要使用vertical-align属性。
img{ float: right; margin-left: 10px; vertical-align: middle; /* 垂直居中 */ }
以上是将图片水平居右的基础教程,自己动手尝试实践,加上一些自己独特的技巧,可以让界面更加美观。