کانتینر دایره های کنار هم - فراغیب

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

نسخهٔ کنونی تا ‏۱۳ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۵۵

نصب دوربین.png

@@ خط ۱: / خط ۱: @@
-<div style="display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:center; align-items:flex-start; width:100%; margin:5px 0;">
+<div style="border: 1px solid #89CFF0; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; justify-content: center; align-items: flex-start; width: 100%; margin: 5px 0; overflow-x: auto; padding: 10px 0;">
-  <div style="border: 1px solid #89CFF0;display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;">
+<!-- مورد 1 -->
-{{کانتینرعکس دایره
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-|تصویر = نصب دوربین.png
-|کپشن= نصب دوربین
-}}
- </div>
-  <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;">
+<!-- مورد 2 -->
-{{کانتینرعکس دایره
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-|تصویر = نصب دوربین.png
-|کپشن= نصب دوربین
-}}
- </div>
-  <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;">
+<!-- مورد 3 -->
-{{کانتینرعکس دایره
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-|تصویر = نصب دوربین.png
-|کپشن= نصب دوربین
-}}
- </div>
-  <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;">
+<!-- مورد 4 -->
-{{کانتینرعکس دایره
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-|تصویر = نصب دوربین.png
-|کپشن= نصب دوربین
-}}
- </div>
-  <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;">
+<!-- مورد 5 -->
-{{کانتینرعکس دایره
+{{کانتینرعکس دایره|تصویر = نصب دوربین.png|کپشن= نصب دوربین}}
-|تصویر = نصب دوربین.png
-|کپشن= نصب دوربین
-}}
- </div>
 </div>