تعیین سمت قرارگیری متن (Text Alignment) یا هر عنصر دیگر (در سمت چپ یا راست یا وسط)، با کلاس های w3-left-align و w3-right-align و w3-center ، در W3.CSS

برای اینکه تعیین کنیم که یک متن (Text) یا هر عنصر (Element) دیگر، در چه سمتی قرار بگیرد (سمت چپ یا راست یا وسط)، می توانیم از سه کلاس (Class) زیر در چارچوب W3.CSS استفاده نماییم :

* کلاس w3-left-align برای قرار دادن در سمت چپ (left)

* کلاس w3-right-align برای قرار دادن در سمت راست (right)

* کلاس w3-center برای قرار دادن در وسط (center)

به عنوان مثال :

به مثال زیر توجه کنید :

مثال

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

مثالی از عنصرهای دیگر (به غیر از متن) :

مثال

در این مثال، از تگ img برای نمایش یک عکس استفاده می کنیم و موقعیت عکس را با استفاده از کلاس های (Class) مورد نظر، در سمت چپ و راست و وسط، قرار خواهیم داد.

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 26217
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)