css两端对齐 间距相同 |css检测鼠标双击

要实现两端对齐，可以通过CSS中的text-align属性以及text-justify属性来实现。其中text-align用来指定对齐方式，text-justify用来指定两端对齐的方式。

.text {
text-align: justify; /*两端对齐*/
text-justify: distribute-all-lines; /*间距相等*/
}

上述CSS代码中，.text类中的text-align属性被设置为justify，这样文字就可以在左右两端对齐。同时，text-justify属性被设置为distribute-all-lines，这样文字之间的间距就可以保持相等。

如果需要添加一定的间距，可以通过给文字添加margin值来实现。

.text {
text-align: justify; /*两端对齐*/
text-justify: distribute-all-lines; /*间距相等*/
margin: 0 10px; /*左右间距为10px*/
}

上述CSS代码中，.text类中的margin属性被设置为0 10px，这样就可以让文字在左右两侧向内缩进10px，从而实现文字之间的间距。

总的来说，两端对齐的排版方式可以使页面看起来更加整洁美观，同时也能够提高阅读体验。开发者可以根据实际需要灵活使用CSS中的属性，根据不同的场景来实现不同的效果。