position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);

انظر هنا وانظر الي تعليق الاخ نذير على الموضوع https://io.hsoub.com/webdev/20990

أخطأت في العنوان أقصد : رأسيا vertical .

-1

في عنصر الـ div ضع هذه الخاصية

display:table;

في العنصر الذي داخل ال div ضع هذه الخصائص

display:table-cell;

vertical-align:middle;


تطوير الويب

مجتمع خاص بمناقشة وطرح المواضيع والقضايا العامة المتعلقة بتطوير الويب ولغاتها المختلفة

20.7 ألف متابع