行内有三个div元素，如何使他们分别居左，居中，居右对齐

在CSS中，你可以通过设置`display`属性和`text-align`属性来控制行内的`<div>`元素对齐。这里是一个例子：

1. **居左**：将第一个`<div>`的样式设置为：

   div:first-child {
       display: inline-block; /* 或者 flex, 根据需要 */
       text-align: left;
   }

2. **居中**：第二个`<div>`可以使用`margin: auto`，前提是它不是最左边也不是最右边的，或者是浮动元素，例如：

   div:nth-child(2) {
       display: inline-block; /* 或者 flex, 确保它是行内块级元素 */
       margin-left: auto;
       margin-right: auto;
   } 

3. **居右**：最后一个`<div>`同样设置为：

   div:last-child {
       display: inline-block; /* 或者 flex */
       text-align: right;
   }

如果你希望所有`div`都采用相同的宽度并且自动水平排列，可以尝试将它们放在一个`container`里，并给`container`设置`display: flex; justify-content: space-between;`。