UI - React如何在同一行中添加图像

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <img src="image1.jpg" alt="Image 1" className="inline-image" />
      <img src="image2.jpg" alt="Image 2" className="inline-image" />
    </div>
  );
}

export default App;

.inline-image {
  display: inline-block;
  margin-right: 10px; /* 可以根据需要调整间距 */
}

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="App">
      <div className="image-container">
        <img src="image1.jpg" alt="Image 1" />
        <img src="image2.jpg" alt="Image 2" />
      </div>
    </div>
  );
}

export default App;

.image-container {
  display: flex;
}

.image-container img {
  margin-right: 10px; /* 可以根据需要调整间距 */
}