جلسه 6

    • 1403/05/06 17:35
    علی اکبر راه چمندی
    علی اکبر راه چمندی
    کاربر
    0

     سلام ویژگی vertical-align من کار نمیکنه

     #ooo {
                width: 50%;
                float: left;
                font-size: 24px;
                vertical-align: 60px;
                line-height: 25px;
                text-align: justify;
            }

    • 1403/05/06 20:54
    ایران باینری
    ایران باینری
    استاد
    0

    روزتون بخیر

    سوالتون اصلا واضح نیست چون شما کد html رو برام ارسال نکردید که ببینیم این استایل رو دارید به چه عنصری میدید.

    یه توضیحی بدم خدمتتون از vertical-align برای تراز کردن دو تا المان کنار هم استفاده میشه. من براتون یک کد کامل نوشتم لطفا مطالعه کنید.

        #box1 img {
                vertical-align: baseline;
            }

            #box2 img {
                vertical-align: bottom;
            }

            #box3 img {
                vertical-align: middle;
            }

            #box4 img {
                vertical-align: sub;
            }

            #box5 img {
                vertical-align: super;
            }

            #box6 img {
                vertical-align: top;
            }

            #box7 img {
                vertical-align: text-bottom;
            }

            #box8 img {
                vertical-align: text-top;
            }
     
     
     
     <span>vertical-align: baseline</span>
        <div id="box1">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
        <br><br><br>
        <span>vertical-align: bottom</span>
        <div id="box2">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
        <br><br><br>
        <span>vertical-align: middle</span>
        <div id="box3">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>
         <span>vertical-align: sub</span>
        <div id="box4">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>
         <span>vertical-align: super</span>
        <div id="box5">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>
         <span>vertical-align: top</span>
        <div id="box6">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>
         <span>vertical-align: text-bottom</span>
        <div id="box7">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>
         <span>vertical-align: text-top</span>
        <div id="box8">
            vertical <img src="pic/1.jpg" alt="" width="9px" height="9px"> align
        </div>
         <br><br><br>