CSS-də bir naviqasiya çubuğunu necə bərabər yerləşdirə bilərəm? Söz boşluğu işləmədi.


cavab 1:

CSS3-də, bu möcüzə bir şey var. Kimi fleksboxdakı bəzi məqalələrə baxın

bu bir

və cəhd edin

Flexbox Qurbağası

istifadə edilməyə başlandığı üçün artıq deyilsinizsə konsepsiya ilə tanış olmaq

çox

müasir veb inkişafında və gələcəkdə daha çox istifadə ediləcəkdir.

Bu barədə özünüz daha çox araşdırma edə bilərsiniz (lazım olduğunuz kimi), ancaq sualınıza birbaşa burada cavab vermək üçün:

Nav maddələri və ya bağlantılar arasında bərabər boşluq əldə etmək üçün, konteynerlərinizi, nav çubuğunu istifadə edərək, bir qutu halına gətirin

ekran: çevik

. Konteynerin olduğundan əmin olun

çevik istiqamət

qoyulur

sıra

. Sonra istifadə edin

əsaslandırmaq-məzmun: boşluq-bərabər

. Bu olacaq

üfüqi

(Fleks istiqaməti səbəbindən) tərkibini bərabər şəkildə boşaldın. Siz də baxmaq istəyə bilərsiniz

haqlı-məzmunlu: boşluq arasında

haqlı-məzmunlu: məkan-ətraf

bunların daha çox ehtiyacınıza uyğun olub olmadığını görmək.

Əlbətdə ki, siz fleksboxu tamamilə atlaya və nav elementləriniz arasında margin və ya boşluq kimi bir şey istifadə edə bilərsiniz və ya bir növ eni hesablamadan istifadə edə bilərsiniz, lakin bu, daha az məsuliyyətli olardı və fleksboxun sizə imkan verəcəyi yerlərdə daha çox şifrələməyə bənzəyirdi. konteynerinizdə əlavə üç asan xətt ilə. Əlavə cavab vermək istəsəniz, istifadə edin

bükmək: sarmaq;

belə ki, maddələr daha kiçik ekranlara daşmaq əvəzinə sarılır. Əşyaları dikey olaraq mərkəzləşdirmək istəyirsinizsə, sadəcə istifadə edin

align-items: mərkəz;

yerinə yetirməli olduğumuz hər şeyin əvəzinə.

Budur son kod:

  1. .navbar {eni: 100%; ekran: çevik; çevik istiqamət: sıra; əsaslandırmaq-məzmun: boşluq-bərabər; align-items: mərkəz; flex-wrap: wrap;}. navbar-item {/ * vicdanla, burada heç bir şeyə ehtiyac yoxdur * /}

cavab 2:

Quora bu kinda sual vermək üçün doğru bir yer olduğundan həqiqətən də əmin deyiləm, yüzlərlə məqalə var ki, bunun üst-üstə düşməsində cavab verəcəkdir.

sualınıza cavab vermək üçün planınız və hansı texnologiyalardan istifadə etdiyiniz barədə daha çox məlumat tələb etməlisiniz.

Bu sualı oxuduğunuz digər insanlara şişirtməmək üçün adətən istədiyinizi əldə etmək üçün bəzi CSS div etiketi şorbası etməlisiniz və ya normal olaraq istifadə edilən çərçivə işlənib istifadə olunur və naviqasiya faylı bağlanır. somekind.

zəhmət olmasa daşqınları yığmağa çalışın, bəlkə də elə bu yerdədir

naviqasiya çubuğunun bütün eni bərabər şəkildə aralı