下面是给定的html代码,我不允许以任何方式修改它
第一个
This is how it looks
This is how it should look like
嗨,我接到一个任务,写一个css表单,使一个给定的html页面看起来像下面的图片。但是我不知道,如何把枚举(a.),b.)和c.))放在文本前面。我希望你能帮助我:(
下面是给定的html代码,我不允许以任何方式修改它
第一个
This is how it looks
This is how it should look like
嗨,我接到一个任务,写一个css表单,使一个给定的html页面看起来像下面的图片。但是我不知道,如何把枚举(a.),b.)和c.))放在文本前面。我希望你能帮助我:(
2条答案
按热度按时间c3frrgcw1#
这项工作几乎完成了:对于
.exercisePart
元素,您需要将flex-grow
和flex-shrink
设置为1。display: flex
和align-items: center
,以便字母和文本可以并排与外部flexbox容器的小间隙可以提高可读性。
第一个
watbbzwu2#
.exercisePart
包含两个<div>
,默认情况下它们的宽度为display: block
,这意味着它们可以从容器中获取所有宽度,因此可以垂直堆叠。为了改变这一点,您可以将
.exercisePart
flexbox容器:这样,默认情况下,它们的所有子对象都将水平堆叠,并尝试占用正确的空间。