Responsive design 如何在响应性设计中对齐图像

我试图在响应性设计中对齐图像。第一张图片应该左对齐，右对齐，中间对齐，中间间隔均匀

在固定宽度的布局中这样做很容易，但在响应性方面却不太好。很高兴能得到关于这个的任何想法

谢谢

ul{
文本对齐：居中；
填充：0；
保证金：0；
}
李{
/*浮动：左*/
ul {
  text-align: center;
  padding: 0;
  margin: 0;
}

li{
  /*float: left;*/ <- Remove!
  display: inline;
  list-style: none;
}

li:first-child {
    float: left; 
}

li:last-child {
    float: right; 
}