flex生成html,使用flexbox的HTML模板

匿名用户

这是你想要的吗？它不完全是你在图像中显示的，但它是近的。

如果对您不起作用，请通知我。.container {

display: flex;

flex-direction: column;

width: 80%;

margin: auto;

}

.details {

flex-grow: 2;

}

.center {

text-align: center;

}

.quantity {

display: flex;

justify-content: center;

}

.quantity button {

width: 20px;

height: 20px;

border: none;

border-radius: 0;

}

.quantity input {

width: 20px;

text-align: center;

border: none;

}

.details span:nth-child(2) {

position: absolute;

margin-left: 10px;

font-size: 1.3rem;

}

.details span:nth-child(3) {

display: inline;

float: right;

}

.container {

background-color: lightcoral;

}

.details img {

border: 2px solid gray;

padding: 20px;

}

.inc-dec {

border: 1px solid black;

display: flex;

/* transform: translate(-100%,-100%); */

}

Mon Panier

---

title

39 €

-

+