用css怎么实现两端对齐？
田意致
本文向大家介绍用css怎么实现两端对齐？相关面试题，主要包含被问及用css怎么实现两端对齐？时的应答技巧和注意事项，需要的朋友参考一下
- 对于文字，利用
text-align-last:justify;实现文字的两端对齐 - 对于元素，利用
flex和float实现元素的两端对齐
示例代码： https://codepen.io/Konata9/pen/GRKeroR?editors=1100
类似资料：
-
如上图红圈中布局，怎么实现 1：如果三个都存在就如这样显示。 2：如果“开卡建档”不存在就这样显示。 3：如果“门诊充值”不存在就这样显示。 4：如果“缴费”不存就这样显示。 5：如果“门诊充值”和“缴费”都不存在就这样显示。 方位不错就行，宽度不一定按画的。这样画是为了省劲儿。
-
大佬们，这个效果怎么使用来实现呢，试了下 background:linear-gradient好像不可以做到这样的效果
-
如下图中间黑色部分
-
这种css效果咋实现。
-
就是这种的水平多个选项，多出去鼠标滑动显示的怎么实现？
-
现在有这么一个效果，x轴超出宽度就出现滚动条 想要实现鼠标滚轮滚动的效果(这里不讨论shift+滚轮和苹果鼠标等等的情况) 案例最小实现demo 网络有很多先做成竖向，然后容器旋转+子元素旋转的方式来实现，但基本都是正方形，如果是长方形就不行了