Daily pitfall-margin merge between adjacent elements ., Margin

Daily pitfall-margin merge between adjacent elements ., Margin

Step-by-Step: Use the v-for rendering component. Of course, the id in the figure has been replaced with a class, but it still does not solve this problem, I don't believe that simple CSS problems are so difficult to solve!

 

V-for rendering component-level value transfer:

<Div class = "faqList"> <card v-for = "item in faq": key = item. title: faqTitle = item. title: userName = item. userName: userLevel = item. userLevel: solve = item. solve> </card> </div>

 

 

 

Sure enough, it is a pitfall. The margin between adjacent elements is merged. You only need to change each element to an element in the row, if the element in the row affects other styles, you only need to let every element float to solve this problem.

The following is the original article to solve the problem. Record the issue so as not to forget it later.

Original article: http://blog.csdn.net/github_37037281/article/details/55505825