עזרה | איך עושים שה padding יהיה שווה מכל הצדדים?
-
עשיתי קישור והגדרתי אותו כ
inline-blockכך שאני יוכל להגדיר לו את הגובה והרוחב, עכשיו אני רוצה שהקישור יהיה באמצע המרובע שעשיתי סביבו, איך אני עושה את זה? -
@איציק-דייטש אם כותבים פשוט
paddingעם מאפיין אחד בלבד, זה חל על כל הצדדים -padding: 10px;או שתעשה ידנית..
padding: 10px 10px 10px 10px;@chv תודה רבה, בסוף עשיתי ב
divהעוטףtext-align: center;
עריכה: בדקתי את מה שאמרת, אבל הוא מצמיד את הטקסט ללמעלה, כמובן אחרי ה 10px, אני צריך משהו שיחלק את ה padding בשווה למעלה ולמטה...מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
@chv תודה רבה, בסוף עשיתי ב
divהעוטףtext-align: center;
עריכה: בדקתי את מה שאמרת, אבל הוא מצמיד את הטקסט ללמעלה, כמובן אחרי ה 10px, אני צריך משהו שיחלק את ה padding בשווה למעלה ולמטה... -
@איציק-דייטש אהה אוקיי..
בכאלה מקרים משתמשים במודל לחלוקה נכונה של הdiv
לדוגמא אפשר להגדיר את הdiv כdisplay: flexואז אתה יכול לסדר את האלמנטים שבתוכו לדוגמא
justify-content: center@chv אמר בעזרה | איך עושים שה padding יהיה שווה מכל הצדדים?:
דוגמא
יש לך עוד דוגמא?
כי מה שנתת לא עזר
עוד שאלה, מה גורם ה flex שאמרת להכניס ב display?מוטי - טק, מכירה ותיקון של מחשבים 0583293193
-
@chv אמר בעזרה | איך עושים שה padding יהיה שווה מכל הצדדים?:
דוגמא
יש לך עוד דוגמא?
כי מה שנתת לא עזר
עוד שאלה, מה גורם ה flex שאמרת להכניס ב display? -
@איציק-דייטש ה flex נותן לך יכולת שליטה בתוכן שבתוך האלמנט - ועיצובו כגון הכלל של justify-content או justify-items
זה לא חייב להיות div. כל אלמנט שבתוכו יש עוד אלמנטים - יוכל להחיל את העיצוב הנ"ל על תוכו (אם כתבתי נכון) -
א אלישי העביר נושא זה מ-CSS3 ב-
שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.
נמאס לכם לגלול בין אותם הפוסטים בכל ביקור? כשנרשמים לחשבון, תמיד תחזרו בדיוק למקום שבו הייתם קודם, ותוכלו לבחור לקבל התראות על תגובות חדשות (בין אם במייל, ובין אם בהתראת פוש). תוכלו גם לשמור סימניות ולפרגן ב-upvote לפוסטים כדי להביע הערכה לחברי קהילה אחרים.
בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗
הרשמה התחברות { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}