עזרה סלקטור מאתגר ב-CSS

הירשם עכשיו!
  • הוסף לסימניות
  • #1
האמת שלא אכפת לי להשתמש ב-JS, רק אני חושב שזה גם לא אפשרי
יש DIV ובתוכו הרבה בוטומים
ובשביל לקבל פיזור בניהם ששני הקצוות יהיו ישרים הגדרתי FLEX
הבעיה היא שאז יוצא שהשורה האחרונה של האלמנטים מפוזרים מאוד
יש לזה פתרון

ואגב, אפי' את הדוגמא לא הצלחתי להכין..
משום מה כשאני מגדיר justify-content: space-between כל האינפוטים נכנסים לשורה ארוכה ואין גלישת שורות
מדוע?

תודות מראש!!
 
  • הוסף לסימניות
  • #3
נכתב ע"י אהרן2;2056238:
האמת שלא אכפת לי להשתמש ב-JS, רק אני חושב שזה גם לא אפשרי
לחצ/י כדי להרחיב...

הלו! אין דבר כזה בלתי אפשרי בJS! תתנצל מיד ;)


הכי טוב שתעלה לפה שרטוט של התוצאה הסופית שאתה רוצה לקבל.
 
  • הוסף לסימניות
  • #4
נכתב ע"י אהרן2;2056238:
האמת שלא אכפת לי להשתמש ב-JS, רק אני חושב שזה גם לא אפשרי
יש DIV ובתוכו הרבה בוטומים
ובשביל לקבל פיזור בניהם ששני הקצוות יהיו ישרים הגדרתי FLEX
הבעיה היא שאז יוצא שהשורה האחרונה של האלמנטים מפוזרים מאוד
יש לזה פתרון

ואגב, אפי' את הדוגמא לא הצלחתי להכין..
משום מה כשאני מגדיר justify-content: space-between כל האינפוטים נכנסים לשורה ארוכה ואין גלישת שורות
מדוע?

תודות מראש!!
לחצ/י כדי להרחיב...

מי שיצליח להבין מה רצית (תוך פענוח של שגיאות כתיב. מה זה "בוטומים" למשל), לדעתי זה - גאון. :);)
עדיף שתצייר את מה אתה רוצה.
 
  • הוסף לסימניות
  • #8
מבריק! תודה!
יש חסרון שבכל שינוי של חלון הדפדפן צריך להריץ מחדש
מעניין לשמוע הברקות נוספות
 
  • הוסף לסימניות
  • #12
סליחה, עכשיו אני רואה שצירפתי בטעות את הלינק של avram לתשובה הקודמת שלי...

זה הקישור הנכון:
http://jsfiddle.net/gx74a68y/16/

תגיד אם לזה התכוונת.
 
  • הוסף לסימניות
  • #15
חזק מאוד Avram!
לא הכרתי את text-align-last.
(אין לזה תמיכה מלאה בדפדפנים הישנים, אבל למי אכפת ...)

אהרון, כמו שראית, הכל אפשר בJS... והרבה פעמים גם בcss:)
 
  • הוסף לסימניות
  • #16
לקח לי זמן להבין למה בחיים האמיתיים זה לא עובד
עד שקלטתי ש-text-align:justify מפזר את הרווחים בין האלמנטים הפנימיים ולכן הם מתפזרים
אבל המקרה הזה הפתרון המעולה של avram לא יעבוד
http://jsfiddle.net/gx74a68y/21/
 

פרוגבוט

תוכן שיווקי
פרסומת
עליך להתחבר או להירשם כדי להשיב כאן.

פוסטים חדשים שאולי לא קראת....

    • שאלה
    6
    • prog
    בטחוני פיקוד העורף: צפי לשיגורים למרכז והדרום
  • prog //
    • דובר צהל מזהיר הערב יש צפי לשיגורים לעבר מרכז ודרום הארץ
    3 תגובות
    לכל התגובות
     תגובה אחרונה 
    prog
    prog
    יש להשמע להנחיות פיקוד העורף
    • שאלה
    27
    • prog
    בטחוני אירוע בטחוני בבני ברק
  • prog //
    • נפל טיל ברחוב אביי ורבא. יש הרס רב
    8 תגובות
    לכל התגובות
     תגובה אחרונה 
    prog
    prog
    יש נפילות נוספות גם בפתח תקווה
    הצטרפות לקהילת דיגיטל
    הצטרפות לקהילת UX UI
    פרסום בפרוג ←

    הצטרפות לניוזלטר

    מאשר/ת קבלת תוכן חם למייל
    בשליחת הטופס אני מסכים/ה שבית פרוג תשתמש במידע למטרות שיווק, דיוור ישיר ומשלוח פרסומות באמצעי הקשר שמסרתי, ותכלול אותו במאגר המידע של החברה, והכל בכפוף למדיניות הפרטיות של החברה.
    להסרה בעתיד פנה/י לדוא"ל office@prog.co.il או לטלפון: 072-2201430

    איזה כיף שהצטרפתם לניוזלטר שלנו!

    מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

    לוח לימודים

    מסלולי לימוד שאפשר להצטרף
    אליהם ממש עכשיו:

    26.04

    ט' אייר


    קורס עימוד ועיצוב ספרים

    ההרשמה בעיצומה

    30.04

    י"ג אייר


    קורס בוטים ואוטומציות עיסקיות

    ההרשמה בעיצומה

    10.05

    כ"ג אייר


    קורס שיווק ופרסום דיגיטלי

    נפתחה ההרשמה

    14.05

    כ"ז אייר


    קורס שמאות רכוש

    נפתחה ההרשמה

    14.06

    כ"ט סיוון


    קורס אדריכלות עיצוב פנים

    נפתחה ההרשמה
    לכל מסלולי הלימוד

    לוח מודעות

    הפרק היומי

    הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


    תהילים פרק כה

    אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
    סמן אחרי הקריאה
    לקריאה בפורום
    נקרא  2  פעמים
    פיקוח של ועדת הרבנים 'שמור'
    למעלה