- Format(Format) və əmri seçin Sütunlar
- Daxil et(Daxil et) və əmri seçin Boşluq
- Seçimi yoxlayın yeni sütun (Sütun fasiləsi) və basın OK.
Word mətn redaktoru mətni ən çox formatlamağa imkan verir müxtəlif yollarla. Ən son versiyalar bu proqram çox böyüyüb müxtəlif funksiyalar, indi bu mətn redaktorunun edə bilməyəcəyi heç bir şey yoxdur. Bu yazıda Word-də iki sütunda mətni necə etmək barədə danışacağıq.
Word-də iki sütunda mətn düzəltməyin düzgün yolu
Word-də iki sütunda mətn yaratmaq üçün "Səhifə tərtibatı" sekmesine keçib "Sütunlar" düyməsini sıxmalısınız. Bundan sonra, bu səhifədə yerləşdirmək istədiyiniz sütunların sayını seçə biləcəyiniz bir açılan menyu görünəcək.
Bu açılan menyuda aşağıdakı seçimlər mövcuddur:
- bir - bir sütun, Word-də normal səhifə formatı;
- iki – iki eyni sütun, iki sütunlu bir səhifə;
- üç – üç eyni sütun, üç sütunlu bir səhifə;
- sol - dar əlavə sütun səhifənin sol tərəfində;
- sağda – səhifənin sağ tərəfində dar əlavə sütun;
Bundan əlavə, açılan menyuda "Digər sütunlar" maddəsi var. Bu element açılır əlavə pəncərə, burada sütunların enini və aralarındakı boşluğu tənzimləyə bilərsiniz.
Siz həmçinin səhifənin üstündə yerləşən hökmdardan istifadə edərək sütunların ölçüsünü təyin edə bilərsiniz.
Word-də iki sütunda mətn yaratmağın səhv yolu
Word-də sütunların yaradılmasının ikinci üsulu səhv hesab edilə bilər, lakin çox vaxt daha rahatdır. üçün bu üsul görünməz çərçivələri olan masalardan istifadə olunur. "Daxil et" sekmesine keçin və iki sütunlu bir cədvəl yaratmaq üçün "Cədvəl" düyməsini istifadə edin.
Cədvəl yaradıldıqdan sonra kursoru cədvəlin içərisinə qoyun və "Cədvəllərlə işləmək - Dizayn" sekmesine keçin. Burada cədvəlin sərhədlərini çəkmək üçün istifadə olunan xətt növünü dəyişdirməlisiniz. Bunu etmək üçün açılan menyunu açın və "Sərhədsiz" seçin.
Bu xətt sənədi redaktə edərkən görünür, lakin onu çap edərkən göstərilmir.
Word 2003-də mətni iki sütunda necə etmək olar
Əgər Word 2003 istifadə edirsinizsə, onda mətni iki sütunda etmək üçün “Format - Sütunlar” menyusunu açmalısınız. Bundan sonra "Sütunlar" pəncərəsi görünəcək.
Bu pəncərədə sütunların sayını seçmək və “OK” düyməsini sıxmaq lazımdır. Lazım gələrsə, sütunların enini, aralarındakı boşluqları və digər parametrləri tənzimləyə bilərsiniz.
Neçəniz Word-də sütunlarla işləmisiniz? Yəqin ki, siz qeyd etmisiniz ki, mətn yalnız birinci sütun mətnlə dolu olduqdan sonra ikinci sütunda görünə bilər.
Bununla belə, birinci sütunda ümumiyyətlə mətn olmasa belə, ikinci sütuna mətn qoymaq üçün bir yol var.
- Yaradın yeni sənəd və sizə lazım olan sütunların sayını daxil edin ((Menyuya keçin Format(Format) və əmri seçin Sütunlar(Sütunlar))). Sadəlik üçün iki sütun edəcəyik.
- İkinci sütuna keçmək üçün menyuya keçin Daxil et(Daxil et) və əmri seçin Boşluq(Fasilə). Aşağıdakı ekran görüntüsündə olduğu kimi eyni adlı dialoq qutusu açılacaq:
- Seçimi yoxlayın yeni sütun(Sütun fasiləsi) və basın OK.
Budur, kursor ikinci sütuna mətn daxil etmək üçün başlanğıc mövqeyinə keçəcəkdir.
Həmçinin Word-də sütunlarla işləmək haqqında məqalələr:
- Word-də bir neçə sütundan mətni necə birləşdirmək olar?
- Word-də sütunları necə silmək olar?
Word-də mətni bir vərəqdə bir neçə sütunda yerləşdirmək mümkündür və sonra Word-də sütunların necə düzəldilməsinə baxacağıq. Belə mətn dizaynının bariz nümunəsi adətən qəzetlər və müxtəlif jurnallardır.
Yazmağa başlamazdan əvvəl Word-də mətnin bir neçə sütunda yerləşdirilməsini konfiqurasiya edə və ya artıq yazılmış mətni sütunlara bölmək olar. Sütunlar yaratmaq üçün "Səhifənin tərtibatı" sekmesine keçməlisiniz və "Sütunlar" menyusunda sütunların yerləşdirilməsi üçün təklif olunan variantlardan birini seçin və ya "Digər Sütunlar" seçimini seçin. özünü konfiqurasiya onların miqdarı.
Görünən "Sütunlar" parametrləri pəncərəsində edə bilərsiniz incə sazlama hər biri sütun yaradılmışdır, onun enini, bitişik sütunlar arasındakı məsafəni və lazım olduqda ayırıcı xəttin təyin edilməsini göstərir. Bu parametrlər bütün sənədə, sənədin sonuna və ya seçilmiş mətnə tətbiq oluna bilər.
Sütunlar yaradıldıqdan sonra bir sütun doldurulduqca mətn növbəti sütuna keçəcək. Bir sütunu tam doldurmadan növbəti sütuna keçmək lazımdırsa, növbəti sütuna keçməli olan mətndən əvvəl sütun sonu təyin etməlisiniz. Bu, "Sütun" elementini seçməklə "Fəsilələr" menyusunda "Səhifə Düzəlişi" sekmesinde edilir.
Microsoft Word təhsil
Gününüz xeyir.
Hara klikləmək lazımdır?
Parametrlər haqqında ətraflı
Nüanslar
bu qədər.
Əlvida.
Gününüz xeyir.
Bu qısa məqalədə mən sizə Word-də iki və ya daha çox sütunda mətn hazırlamağı öyrədəcəyəm. Bu son dərəcə sadədir: hazır sənədi, onun ayrıca fraqmentini hissələrə bölmək və ya bu prinsipdən istifadə edərək yenisini yaratmaq üçün sadəcə bir neçə siçan klikləmək lazımdır.
Hara klikləmək lazımdır?
Mətnin yalnız bir hissəsini bölmək üçün əvvəlcə onu seçməlisiniz. Davamlı olaraq yazmısınızsa və sonra sütunlara keçmək qərarına gəlsəniz və ya onlarla yeni bir sənəd yaratmaq niyyətindəsinizsə, kursoru onların başlamalı olduğu yerdə qoymalısınız.
- Yuxarıda Word menyusu"Səhifə tərtibatı" sekmesine keçin.
- Parametrlər sahəsində "Sütunlar" seçiminə klikləyin.
- Lazımi miqdarı dərhal seçə və ya daha incə parametrlər üçün "Digər sütunlar" seçiminə klikləyə biləcəyiniz siyahı görünəcək.
Parametrlər haqqında ətraflı
Hər şeyi daha ətraflı konfiqurasiya etmək üçün "Digər Sütunlar" üzərinə klikləyin.
Hər şeyin aydın olduğu kiçik bir pəncərə açılacaq:
- Üst "Növ" sahəsində sütunların formatını və sayını seçin və ya aşağıda nömrənizi təyin edə bilərsiniz.
- Sonra tənzimləyə biləcəyiniz "Eni və Aralıq" sahəsi var görünüş hər sütun ayrıca.
- Sağda bir nümunə göstərilir: mətn parametrlərinizlə necə görünəcək.
- Ən aşağı "Tətbiq et" sahəsində sənədin hansı hissəsinin sütunlara bölünəcəyini müəyyənləşdirirsiniz.
Nüanslar
Mətninizin sonda gözəl görünməsi üçün nəhayət sizə bir neçə məqam haqqında məlumat verəcəyəm:
- Yazma zamanı o, yalnız birinci sütun tamamilə doldurulduqdan sonra başqa sütuna keçəcək. Onu natamam yazmaq lazımdır? Əgər belədirsə, birinci təlimatda olduğu kimi eyni tab və sahədə Breaks funksiyasına klikləyin və Sütun seçimini seçin.
- Mətn qeyri-dəqiq olaraq iki və ya daha çox sütuna bölünüb? Sözlər arasında boşluqlar varsa, yuxarıdakı hökmdardakı sürgüləri bir az dartmaqla şriftin ölçüsünü (onda bir hissə) və ya abzasların ölçüsünü tənzimləyə bilərsiniz (kursorun üzərinə sürdükdə açılır).
- Sütunları şaquli xəttlə ayırmaq üçün Word bizə parametrlər pəncərəsində yoxlanılmalı olan "Separator" elementini təklif edir.
- Başlıq sütunlara uyğundurmu? Onu yuxarıya aparmaq lazımdır. Bu, sadəcə olaraq edilir: yalnız onu seçin və parametrlərdə sütunların sayını "Bir" olaraq təyin edin.
- Yeri gəlmişkən, bütün səhifə üçün orijinal yazıya qayıtmaq istəyirsinizsə, bütün mətnlə eyni şeyi etməlisiniz.
- Mətnin ortasında sütunlar yaratmısınız və onlar eyni səviyyədə deyil? Deyək ki, ikincisi bir az yuxarı çıxdı. Bu o deməkdir ki, kursoru onun qarşısında yerləşdirmək və Enter düyməsini sıxmaq lazımdır. Ümumiyyətlə, hər sütunu ayrı-ayrılıqda istədiyiniz kimi tənzimləyə bilərsiniz.
bu qədər.
Kompüter mövzularında digər suallarla eyni asan və tez bir zamanda məşğul olmaq üçün mənə yenidən gəlin.
Əvvəlcə mətnin necə görünəcəyini başa düşməlisiniz, mətni əvvəlcə daxil edə bilərsiniz və ya mətn hələ daxil edilmədikdə ikinci üsulu seçə bilərsiniz. Mətn varsa, hamısının necə göründüyünü başa düşmək daha asan olacaq.
Word-də 2 sütunu necə etmək olar?
Mətni yazdıqdan sonra üsul:
- Baxmaq lazımdır üst panel, kənar tənzimləmə kaydırıcısını tapın. Orada rəqəmlər yazılmış və onların arasında sətirlər var, yanlarda isə içi boş oxlar kimi rəqəmlər olacaq.
- "Səhifə düzeni" sekmesine keçin.
- "Sütunlar" adlı funksiyaya sol klikləyin. Bir çox seçim olacaq, buna görə də ikidən çox sütuna və ya fərqli bir görünüşə ehtiyacınız varsa, parametrləri özünüz seçin.
- "İki" seçimini seçin.
- Hökmdar sürgülərinə baxırıq.
Çox gözəl görünmür, sözlər arasındakı məsafə iyrəncdir, başlıq tamam başqa yerə keçə bilər.
Hazır mətnin müəyyən bir hissəsinin sütunlara bölünməsinə ehtiyacınız olduqda, əvvəlcə bu mətn parçasını seçin və seçin düzgün variant qırılmalar. Yuxarıda təsvir edilən addımları təkrar edirik.
İndi bu mətn üzərində işləyək.
- "Sütunlar" funksiyasına keçin, "İki" seçin. Sol sütunun birinci sətri sağ sütunun birinci sətirindən aşağı idi.
- Kursoru sağ sütunun birinci sətirinin əvvəlinə qoyun.
- Enter və ya Enter düyməsini basın.
Qırılan mətni dəyişdirmək istəyirsinizsə, şriftin ölçüsünü dəyişə bilərsiniz. Unutmayın ki, "Sütunlar" funksiyası var əlavə maddə"Digər Sütunlar" adlanır.
Çap standartına uyğun olaraq Word-də 2 sütun mətni necə etmək olar?
Sütunlar seçimindən istifadə edərək mətn formatını qəbul etməlisiniz. Word-də formatı belə dəyişə bilərsiniz.
Sütunlar arasında kənarları və boşluqları dəyişdirmək imkanı haqqında unutmayın. Əlavə manipulyasiyaların köməyi ilə daha yaxşı oxunaqlılığa nail olacağıq.
- "Ev" sekmesinde ölçüsünü dəyişdirin. Hərfləri olan təxminən beş pəncərə ("Redaktə") tapırıq və yanındakı "Seç" maddəsini görürük, hər şeyi seçin.
- Bütün mətn indi dəyişikliklərin qəbul edilməsini gözləyir.
- IN yuxarı menyu mətn ölçüsünü seçin, standart olaraq 12 və ya 14-dür. Bizə 11.3-dən 11.8-ə qədər dəyər lazımdır.
- NumPad-iniz varsa, "E" hərfi ilə "Dörd" rəqəmi arasındakı böyük düymə olan Enter düyməsini basın.
İstəyirsinizsə, biz öz mülahizəmizlə intervalları dəyişdiririk.
İndi keçək başlığa. Mətndən yuxarı qalxmalıdır. Bunu etmək üçün "Sütunlar" seçiminə, "Tək" seçiminə baxın. Bununla belə, başlığın ölçüsü kiçildi, sonra onu seçin və şriftini istədiyiniz ölçüyə qaytarın.
Cədvəldən istifadə edərək sütunlar yaratmaq üçün seçim
Metod tamamilə düzgün deyil, lakin mətn parçalanmasının görünüşünü yaratmaq üçün istifadə edilə bilər.
- Nişanı daxil edin.
- "Cədvəl" elementini tapın.
- "Dizayner" və "Cədvəllərlə işləmək" bölmələrinə keçin.
- Qələmdən istifadə edərək "Cədvəl çək".
İstəyirsinizsə, sərhədləri çıxarın və ya tərk edin.
Versiyalar arasındakı fərqlər
Word-də 2 sütunun necə ediləcəyi aydın oldu, lakin mətn yaratmaq və fərqli sütunlara bölmək ilə bağlı seçimdə hansı fərqlər var Microsoft versiyaları Word 2007 və 2003, eləcə də ən yeniləri?
Microsoft Word 2003 bir qədər fərqlidir. Proqramın özü və "Səhifə tərtibatı" nişanı yoxdur, bunun əvəzinə cədvəllər yaratmaq və mətnin yerini dəyişdirmək üçün seçimin yanında mətni iki və ya daha çox hissəyə bölmək üçün düymələr var; komponentlər. Sütun növünü də konfiqurasiya edə bilərsiniz.
Word-də 2 sütunu necə etmək olar? Versiya 2007. 2003-cü il versiyası ilə aşağıdakı elementlərdə fərqlər var:
- Səhifə tərtibatı nişanı.
- Sütun nümunəsinin görünüşü və proqram interfeysi fərqlidir.
Bütün versiyalarda sütunlar arasında bir xətt olması üçün "Sütunlar" sekmesinde "Separator" qutusunu yoxlamaq məsləhətdir.
Yeni versiyalarda yuxarıda göstərilənlərin hamısı "Layout" sekmesinde yerləşir.
Bu təlimatdan siz dinamiklərdən necə istifadə edəcəyinizi öyrənəcəksiniz mətn sənədləri, sütunlarda mətnin düzülməsi və aralarındakı məsafənin dəyişdirilməsi, sütunlar arasında fasilələrin necə əlavə edilməsi.
Niyə dinamiklərdən istifadə edin
Çox vaxt sütun elementi qəzetlərdə, jurnallarda, broşuralarda və flayerlərdə istifadə olunur. Xüsusilə, çap nəşri üçün sütunlu format daha cəlbedici və peşəkar görünür.
Eyni ölçülü bir, iki və ya üç sütun yarada bilərsiniz. Sonra, siz yazarkən, sütunun sonunu əl ilə daxil etməsəniz, əvvəlki sütun bitdikdə avtomatik olaraq növbəti sütuna keçəcəksiniz. Siz sütunların enini təyin edə və adi mətn sənədlərində istifadə olunan adi formatlaşdırmadan istifadə edə bilərsiniz.
"Sözdən sadədən mürəkkəbə" onlayn kurs Əsasları mənimsəyin mətn redaktoru haqqında yüksək səviyyə. Başlayan olmanız və ya artıq Word ilə işləməyinizin fərqi yoxdur, kursumuzla siz əsl sənəd gurusu olacaqsınız!Sütunların əlavə edilməsi
- Sütunlara çevirmək istədiyiniz mətni seçin.
- Lent menyusundan nişanı seçin "Layout", bölmə "Səhifə Seçimləri".
- düyməsinə klikləyin "Sütunlar".
- Açılan siyahıdan istədiyiniz sütun sayını seçin (məsələn, üç).
Nəzərə alın ki, əvvəlcə seçməsəniz xüsusi sahə sütunlara çevirmək istədiyiniz mətn, sonra kursordan sonrakı bütün mətn sütunlara çevrilir.
Sütunların Formatlanması
Sütunlar yaradıldıqda, defolt olaraq, onlar mətndəki kimi düzülür. Və çox vaxt bu sola uyğunlaşdırılır. Bu natiqlər üçün deyil ən yaxşı variant, buna görə də eninə görə formatlaşdırmaq daha yaxşıdır.
- Sütunlarımızı vurğulayaq.
- "Ev", bölmə "paraqraf".
- "Eniyə uyğunlaşdır" işarəsinə klikləyin ( oxşar hərəkət birləşməyə basmaqla əldə edilə bilər Ctrl düymələri+ J).
Mətn sütunlar arasında bərabər şəkildə yerləşdirilir. Və sütunlar arasındakı məsafələr daha aydın oldu. Bu dəyərlər dəyişdirilə bilər.
- Kursorunuzu formatlaşdırmaq istədiyiniz sütunların istənilən yerinə qoyun.
- Lent menyusundan nişanı seçin "Layout", bölgə "Səhifə Seçimləri".
- düyməsinə klikləyin "Sütunlar" və sonra seçin "Digər sütunlar". Sütunlar informasiya qutusu açılır.
- Sütunların eni və aralarındakı boşluq üçün dəyərlər daxil edin. Məsələn, məsafələri kiçik etmək üçün boşluq olaraq 0,2 daxil edin.
- OK düyməsini basın və dəyişiklikləri qiymətləndirin. Lazım gələrsə, yolu yenidən edin və dəyərləri dəyişdirin.
Fərqli genişlikdə sütunlar təyin etmək istəyirsinizsə, bu, eyni "Sütunlar" informasiya qutusunda edilir. Hər bir sütuna fərdi eni təyin etmək üçün əvvəlcə onay qutusunun işarəsini silməlisiniz "Eni bərabər olan sütunlar". Bundan sonra, hər bir sütun üçün en və boşluq dəyərləri redaktə üçün əlçatan olacaq.
Prinsipcə, yalnız iki sütuna ehtiyacınız varsa - biri qalın, digəri daha incə, o zaman "Sütunlar" düyməsi vasitəsilə sütunlar yaradarkən, kiçik sütunun harada yerləşməsindən asılı olaraq "Sol" və ya "Sağ" dəyərini seçin. .
Sütun fasiləsinin daxil edilməsi
- Sütun sonu daxil etmək istədiyiniz sahəyə klikləyin. Yəni mətnin növbəti sütunun əvvəlinə keçməli olduğu yerdən.
- Lent menyusundan nişanı seçin "Layout"- bölgə "Səhifə Seçimləri".
- Düyməni basın "Fasilələr", açılan menyudan seçin "Sütun". Kursordan sonrakı mətn növbəti sütunda görünməlidir.
Bu yazıda addım-addım iki sütunlu veb saytın tərtibatı qaydalarına baxacağıq. Təqdim etdiyimiz kod sizə bu iki sütunu əhatə edən başlıq və altbilgi əlavə etməyə imkan verəcək.
Giriş
Bu məqalədəki tapşırıqları yerinə yetirmək üçün həm HTML, həm də CSS-də kodlaşdırma bacarıqlarınız olmalıdır. Əgər belə deyilsə, onda vizual redaktordan istifadə etmək daha yaxşıdır.
Nəzərə alın ki, HTML və ya CSS üzrə mütəxəssis olmaq məcburiyyətində deyilsiniz. Sadəcə sahib olmaq lazımdır əsas bilik bu texnologiyalar, əks halda bu məqalə sizə aydın olmayacaq.
İki sütun yaratmaq üçün float xüsusiyyətindən istifadə edin
Bir çox üsul var CSS istifadə edərək iki sütunlu bir sayt yaratmaq. IN bu təlimat biz float xassəsindən istifadə edərək bir sütunu digərinin tərəfinə keçirəcəyik. Bir çox cəhətdən bu üsul daha sadə və daha çevikdir mütləq yerləşdirmə elementləri. O, həmçinin bu iki sütunu əhatə edən isteğe bağlı başlıq və altbilgi əlavə etməyə imkan verir.
Mən özüm bu üsuldan istifadə etmədim, çünki mənim resursumun tərtibatı mən CSS-in işlənib hazırlanmasında ilk addımlarımı atarkən yaradılıb və əsas tərtibat qaydaları haqqında heç nə bilmirdim. Amma narahat olma. Mən bu formatdan istifadə edərək bəzi demo səhifələr yaratmışam, onları sonra görə bilərsiniz.
İki sütunlu sayt üçün əsas HTML kodu
Kodun HTML hissəsi olduqca sadədir. Bizə yalnız iki div lazımdır, hər sütun üçün bir:
“Naviqasiya Menyu” və “Məzmun” sözləri yalnız yan naviqasiya çubuğuna və əsas məzmuna işarədir. Daha sonra faktiki məzmunu bloklara qoyduğunuz zaman bu sözləri siləcəksiniz. "Konteyner" div iki sütundan ibarət blokdur. Hər iki sütuna müəyyən üslubları tətbiq etmək lazım olduqda istifadə edilə bilər.
İki sütunlu sayt üçün CSS kodu
Aşağıdakı CSS kodu hər iki sütunun genişliyini müəyyən etmək üçün faizlərdən (“%”) istifadə edir. Onlar nisbi vahidlərlə ölçüldükləri üçün nə qədər geniş olmasından asılı olmayaraq bütün brauzer pəncərəsini doldurmaq üçün genişlənəcək və ya daralacaqlar. Məsələn, brauzerinizin pəncərəsinin ölçüsünü dəyişdirsəniz, şablon sütunu pəncərənin sərhədləri daxilində mümkün qədər sıx uyğunlaşdırmaq üçün yenidən təşkil edəcəkdir.
CSS kodu çox sadədir:
#content ( float: sağ ; en: 80% ; ) #navbar ( float: sağ; en: 20%; )
Sayt tərtibatı qaydalarına əsasən, CSS kodu veb səhifənin üslublar bölməsində və ya xarici faylda yerləşdirilməlidir.
Yuxarıdakı kodun praktikada necə işlədiyini burada görmək olar.
Necə işləyir: CSS kodunun izahatları
"Float: right" qaydası DIV-nin sənəd axınından necə çıxarıldığını və sola üzən bütün digər elementlərin sağında yerləşdirildiyini müəyyən edir. HTML səhifəsində görünən ilk DIV bloku əvvəlcə ofset edilir.
Yuxarıdakı nümunədə "#content" əvvəlcə sağa sürüşdürülür və brauzer pəncərəsinin eninin 80%-nə təyin edilir. Bizim növbəti qayda həmçinin "#navbar"-ı sənəd axınından çıxarır və onu sağa ofset edir.
Çünki bu mövqedə artıq üzən elementimiz var. Verilən qaydalara uyğun olaraq adaptiv layout, ikinci blok onun üçün kifayət qədər yer varsa, mövcud elementin solunda yerləşdirilir. Əks halda birinci elementin altına yerləşdiriləcək. Bunu nəzərə alaraq, hər iki blokun tərəflərinin cəmi 100% və ya daha az olmalıdır, əks halda onları yan-yana yerləşdirmək üçün kifayət qədər yerimiz olmayacaq.
Naviqasiya sütununu sağda necə yerləşdirmək olar
Yuxarıdakı kod naviqasiya menyusunu sol sütunda yerləşdirir. Naviqasiya menyusunun sağda olmasını istəyirsinizsə, kodu aşağıdakı kimi dəyişdirin:
#content ( float: sol ; eni: 80% ; ) #navbar ( float: sol ; en: 20% ; )
Keçid düyməsini klikləməklə bu kodu burada işlək vəziyyətdə görə bilərsiniz sağ sütun naviqasiya menyusu.
Genişliyi necə düzgün dəyişdirmək olar
Müəyyən edilmiş uyğun olaraq texniki qaydalar layout, yuxarıdakı üslublar yan sütunun enini brauzer pəncərəsinin eninin 20% -ə, məzmun sütununun enini isə 80% -ə təyin edir ki, bu da 100% -ə qədər əlavə edir.
Bu dəyərləri dəyişdirməyi planlaşdırırsınızsa, onların cəminin 100%-ə bərabər və ya ondan az olduğuna əmin olun, əks halda brauzer bir sütunu digərinin altına yerləşdirəcək.
Sütunlardan biri digərinin altına keçərsə: onu necə düzəltmək olar
Sütunlardan birinin yan-yana deyil, digərinin altına sığdığını görsəniz, bu o deməkdir ki, hər iki sütunun ümumi eni brauzer pəncərəsinin eninin 100%-dən çoxdur.
Bu, hətta mənim "20%" və "80%" dəyərlərimi istifadə etsəniz də baş verə bilər. Məsələn, bir və ya hər iki sütuna kənarlar, haşiyələr və doldurma əlavə etsəniz. Bu sütunların eni də artaraq cəminin 100%-i keçəcək.
Brauzerlər arası uyğunluq və tərtibat qaydaları bu problemi həll etməyin iki yolunu nəzərdə tutur:
- Brauzer onları istədiyiniz şəkildə göstərənə qədər sütun enini azaldın. Ancaq unutmayın ki, maraq var nisbi vahidölçmələr. O, istifadəçinin brauzer pəncərəsinin genişliyinə bağlıdır. Beləliklə, sisteminizdə tərtibatı sınaqdan keçirmisinizsə və sütunlardan birinə padding-sola 10 piksel əlavə etməyin və eni 1% azaltmağın yaxşı işlədiyini görmüsünüzsə, onda 1% = 10 px olduğu qənaətinə gələ bilməzsiniz. Başqa sözlə, 1024 pikselin 1%-i 1920 pikselin 1%-dən fərqlidir və s. Digər brauzerlərdə və ekran diaqonallarında pəncərə genişliklərindəki fərqləri nəzərə aldığınızdan əmin olun;
- Tercih etdiyim həll "#navbar" və "#content" bloklarının içərisində iç-içə DIV yaratmaq və bütün dolguları, kənarları, haşiyələri və faktiki məzmunu onun içinə qoymaqdır. Beləliklə, xarici bloklar üçün köhnə 20% və 80% -ni kənarlar, doldurma və s. üçün düzəlişlərdən narahat olmadan tərk edə bilərsiniz.
Məsələn, in iki sütunlu demo saytı Daxili DIV bloku yaratmaq üçün aşağıdakı HTML kodu istifadə olunur:
Daha əvvəl yazanlara CSS üslubları"#innercontent" və "#innernavbar" üçün aşağıdakı xüsusiyyətləri əlavə edin:
#innercontent ( padding-sol: 10px ; padding-sağ: 10px ; ) #innernavbar ( padding-sol: 5px ; padding-sağ: 5px ; )
"#content" və "#navbar" üçün CSS bu məqalənin birinci yarısında təsvir olunduğu kimi qalır.
Girinti daxili tətbiq olunduğundan blok DIV, xarici blokların ölçüləri eyni qalır və biz iki sütunlu düzeni saxlayırıq.
Hər iki sütunu əhatə edən saytın başlığı və altbilgisini necə əlavə etmək olar
Bəzi saytlarda hər iki sütunun enini əhatə edən başlıq var. Mövcud sayt tərtibatı qaydalarına əsasən, siz loqo, sayt başlığı və ya hətta yerləşdirə bilərsiniz reklam bannerləri. Bəzi resurslarda hər iki sütunu əhatə edən altbilgi də var. Bundan əlavə, altbilgi müəllif hüququ bildirişləri kimi elementlər üçün istifadə edilə bilər.
İki sütunlu düzəndən istifadə edərək başlıq və altbilgi yaratmaq üçün HTML kodunu dəyişdirin və iki əlavə edin əlavə bloklar DIV:
Mövcud stil cədvəlinizə aşağıdakı CSS kodunu əlavə edin. Onu əvvəllər təyin edilmiş üslublardan sonra yerləşdirin:
#footer (aydın: hər ikisi; )
Başlıq mətninin ortada olmasını istəyirsinizsə, aşağıdakı kodu əlavə edin. Əks halda, başlıq stilini ayrıca təyin etməyə ehtiyac yoxdur:
#başlıq (mətn hizalayın: mərkəz; )
Eyni xassə altbilgiyə əlavə edilə bilər ki, içindəki mətn mərkəzləşsin.
Yuxarıdakı kodu hərəkətdə görmək olar başlıq, altbilgi və iki sütunlu demo saytı.
Nəticə
Yuxarıdakı CSS kodundan istifadə edərək, özünüz iki sütunlu veb saytlar yarada bilərsiniz.
Məqalənin tərcüməsi " CSS-dən istifadə edərək veb saytınız üçün iki sütunlu tərtibatı necə tərtib etmək olar"dost layihə komandası tərəfindən hazırlanmışdır.
Mövzumun davamında CSS3-də yenilik: çox sütunlu, flexbox, şəbəkə tərtibatı, sizə məqalənin daha çox tərcüməsini təklif edirəm dərin dalış sadə və aydın nümunələrlə çox sütunlu xüsusiyyətə.
Qəzet və jurnallar da praktikada sübut etdilər ki, bir neçə sütuna bölünmüş mətni qəbul etmək daha asan olur. Veb səhifələrində, son vaxtlara qədər məzmunu bu şəkildə göstərmək problem idi, tərtibatçı mətni bir neçə div-ə böldü, lakin CSS3 Çox Sütun Modulu ilə hər şey daha sadə ola bilər.
Çox sütunlu məzmunun yaradılması
HTML5 etiketindən istifadə məqalə:
Quisque commodo ornare mi, sit amet amet aliquet justo bibendum deyil. Tam ədəd bibendum convallis sapien, sit amet tincidunt orci placerat in. Integer vitae consequat augue.
// və s.
Mətni iki sütuna bölürük: Məqalə ( -webkit-column-count:2; -moz-column-count:2; column-count:2; )Əmlakdan istifadə
sütun eni
Sütunları lazımi genişliyə təyin edə bilərsiniz:
Məqalə ( -moz-sütun eni: 150px; -webkit-sütun eni: 150px; sütun eni: 150px; ) Sütun aralığı Aralıq xüsusiyyət tərəfindən müəyyən edilir
sütun boşluğu
px və ya em-də və mənfi ola bilməz:
Məqalə ( -webkit-column-boşluğu: 30px; -moz-column-boşluğu: 30px; sütun-boşluğu: 30px; ) Sütun ayırıcıƏmlak sütun qaydası.
sütunlar arasında ayırıcı əlavə etməyə imkan verir, iş prinsipi oxşardır
sərhəd
Məqalə ( -webkit-column-boşluğu: 30px; -moz-column-boşluğu: 30px; sütun-boşluğu: 30px; ) Məqalə ( -moz-sütun-qaydası: 1px nöqtəli #ccc; -webkit-sütun-qaydası: 1px nöqtəli #ccc; sütun qaydası: 1px nöqtəli #ccc; ) Sütunların Birləşdirilməsi sütun aralığı ilə oxşar işləyir kolspan V
masa
