Difference between revisions of "Part:BBa K5459002"

Line 1: Line 1:
<!DOCTYPE html>
 
 
<html>
 
<html>
<head>
+
<div style="display: flex; flex-direction: column; align-items: center;">
<style>
+
    <div style="display: flex; justify-content: center; align-items: center;">
.container {
+
        <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-with-outer-protein.jpg" width="300" " width="30" style="display:inline-block;" alt="图一">
  display: flex;
+
        <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-with-outer-protein.jpg" width="300" " width="30" style="display:inline-block;" alt="图二">
  flex-direction: column;
+
     </div>
  align-items: center;
+
    <div style="display: flex; justify-content: center; align-items: center;">
}
+
        <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-with-outer-protein.jpg" width="300" " width="30" style="display:inline-block;" alt="图三">
 
+
        <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-with-outer-protein.jpg" width="300" " width="30" style="display:inline-block;" alt="图四">
.image-container {
+
    </div>
  text-align: center;
+
}
+
 
+
img {
+
  width: 30px; /* 根据需要调整图片的宽度 */
+
  display: inline-block;
+
}
+
</style>
+
</head>
+
<body>
+
 
+
<div class="container">
+
  <div class="image-container">
+
    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/compration.jpg" alt="图一">
+
    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/compration.jpg" alt="图二">
+
  </div>
+
  <div style="margin-top: 10px;">
+
     这里是一段文字描述,可以是图片的标题或者解释。
+
<div class="container">
+
  <div class="image-container">
+
    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/compration.jpg" alt="图一">
+
    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/compration.jpg" alt="图二">
+
  </div>
+
 
</div>
 
</div>
 
</body>
 
 
</html>
 
</html>

Revision as of 08:37, 27 September 2024

图一 图二
图三 图四