我目前有多個 div，每個 div 都有自己的內容，包含圖像、按鈕和文本。我循環遍歷對象數組以在 react/redux JSX 中創建這些 divdiv 顯示在彼此下方，我希望它們水平顯示。理想情況下，我想要三個到一頁，但只要它水平顯示我就很滿意。這是我的 JSX 反應代碼的片段。它在一個類組件中，它繼承了房產。房屋是一組對象。return (    <div className="rows">      <ul>        {houses.map(house => (          <li key={house.id}>            <div className="row">              <p>Location: {house.location}</p>              <img src={house.imageUrl} height="150" width="320" />              <p>FuelType: {robot.fuelType}</p>              {/* delete button */}              <button                ... omitted button code              </button>{" "}              <button                ... omitted button code              </button>            </div>          </li>        ))}      </ul>我嘗試了很多方法讓我的 div 在屏幕上保持水平。包含：.rows .row {  display: inline-block;}但無論我做什么，div 都只是顯示在彼此的下面。我能做些什么來解決這個問題？