css两行文字怎么居中左对齐？
2021-12-06
新建一个HTML文件，命名为test.html。
编写代码，使用div布局两行文字，并给每个div一个class，用于下面CSS样式的布局。
使用css对div进行布局。首先，给最外面的div一个固定宽度，并居中，为了方便测试，给div一个灰色背景。
然后，将所有文字使用text-align：center进行居中，需要注意的是，每行文字的div必须使用width:100%进行宽度控制，铺满整个div才有可能进行对齐方式的设置。
最后，对第二行文字使用text-align:left单独设置左对齐，实现想要的效果。
可见，实现了css文字居中后第二行文字左对齐的效果。关键之处是对第二行文字进行单独设置，进行左对齐，就可以实现效果。
大家都在看
本站系本网编辑转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本网联系，我们将在第一时间删除内容！本站文章版权归原作者所有，内容为作者个人观点。本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。