Difference between revisions of "Part:BBa K5459002"

Revision as of 08:32, 27 September 2024

<!DOCTYPE html>

这里是一段文字描述，可以是图片的标题或者解释。

@@ Line 1: / Line 1: @@
+<!DOCTYPE html>
 <html>
 <head>
@@ Line 5: / Line 6: @@
    display: flex;
    flex-direction: column;
-   align-items: center; /* 水平居中 */
+   align-items: center;
-  justify-content: center; /* 垂直居中 */
 }
-</style>
-</head>
-<body>
-<div class="container">
-    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-without-outer-protein.jpg" width="300" alt="图一">
-    <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/hii-function-without-outer-protein.jpg" width="200" alt="图二">
-    <!-- 更多图片 -->
-</div>
-</body>
-</html>
-<html>
+.image-container {
-<head>
+   text-align: center;
-<style>
+}
-.container {
-   display: flex;
+img {
-  flex-direction: column;
+   width: 30px; /* 根据需要调整图片的宽度 */
-   align-items: center; /* 水平居中 */
+   display: inline-block;
-   justify-content: center; /* 垂直居中 */
 }
 </style>
 </head>
 <body>
 <div class="container">
-     <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/cu-without-outer-protein.jpg" width="300" alt="图一">
+  <div class="image-container">
-     <img src="https://static.igem.wiki/teams/5459/heading-imgs/part-registry/hii-function-without-outer-protein.jpg" width="200" alt="图二">
+     <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>
+  <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>
 </body>
 </html>