codepen.io/f0rta/pen/qBXRXvV
首先，很抱歉 HTML 有點亂，我的專案是用 React 開發的，這就是原因。
所以，我想在第一個測驗 div 旁邊有音頻圖示。但是，我做不到，我不知道為什么，即使我將 fa-stack-custom 設定為 display: inline-block。
我希望將我的跨度設定為 inline-block 以使其保持在第一個測驗 div 旁邊，但事實并非如此。（我認為那是因為 SVG）
我怎樣才能讓它留在第一個測驗 div 旁邊？
首先，很抱歉 HTML 有點亂，我的專案是用 React 開發的，這就是原因。
所以，我想在第一個測驗 div 旁邊有音頻圖示。但是，我做不到，我不知道為什么，即使我將 fa-stack-custom 設定為 display: inline-block。
我希望將我的跨度設定為 inline-block 以使其保持在第一個測驗 div 旁邊，但事實并非如此。（我認為那是因為 SVG）
我怎樣才能讓它留在第一個測驗 div 旁邊？
uj5u.com熱心網友回復：
鏈接到更改后的代碼，因為 stackoverflow 不允許字符超過 5000。
我做了一些更改，其中一些是：
.fa-w-16{
margin-left:50px;
}
.svg-inline--fa{
vertical-align: -1em;
display: inline;
}
.fa-stack-2x{
position: relative;
}
.fa-w-18.fa-stack-1x {
margin-left: -1.8em;
margin-bottom: 0.5em;
}
.question {
display: inline-block;
border: 1px solid black;
border-radius: 1.5rem;
width: 75%;
text-align: left;
margin: 0.1rem 0;
height: 2.5rem;
margin-right: 5em;
}
.svg-inline--fa.fa-circle.circle-audio {
top: 15;
}
.fa-w-18.fa-stack-1x {
top: 15;
}
這些變化可能并不完全相同。圓圈和 SVG 排在第一個測驗框的前面（我認為這就是您想要的。）只要它保持在那里，無論視口大小如何，圓圈都將包含 SVG，但是當您嘗試時事情會變得棘手將圓圈與 SVG 一起移動。顯然，您必須將它們一一移動。我只能理解這么多。
uj5u.com熱心網友回復：
將兩個元素的父元素的寬度設定為“max-width”，然后將 svg 和文本框的顯示設定為行內。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/333482.html