لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
التعامل مع الوسم div في توسيط العبارات عموديا
عندي عباره مكتوبه بين الوسمين <div> و </div>

عما بان الطول هو 150 بكسل والعرض 400 بكسل

فكيف اجعل الكتابه في الوسط عموديا و افقيا ؟؟


مع تحياتي لكم
تاريخ البداية: 15 / فبراير / 2012 الساعة 8:37 اخر نشاط: 15 / فبراير / 2012 الساعة 10:58 css jquery
1 إجابة
السلام عليكم
هذا حل عن طريق الجافا سكريبت معتمدا على مكتبة الجى كويرى
$(document).ready(function(){
    $('#mainDiv').center();
    $(window).bind('load resize scroll', function() {
        $('#mainDiv').center({transition:300});
    });
);
وهذا الكود الرئيسى
(function($){
     $.fn.extend({
          center: function (options) {
               var options =  $.extend({ // Default values
                    inside:window, // element, center into window
                    transition: 0, // millisecond, transition time
                    minX:0, // pixel, minimum left element value
                    minY:0, // pixel, minimum top element value
                    withScrolling:true, // booleen, take care of the scrollbar (scrollTop)
                    vertical:true, // booleen, center vertical
                    horizontal:true // booleen, center horizontal
               }, options);
               return this.each(function() {
                    var props = {position:'absolute'};
                    if (options.vertical) {
                         var top = ($(options.inside).height() - $(this).outerHeight()) / 2;
                         if (options.withScrolling) top += $(options.inside).scrollTop() || 0;
                         top = (top > options.minY ? top : options.minY);
                         $.extend(props, {top: top+'px'});
                    }
                    if (options.horizontal) {
                          var left = ($(options.inside).width() - $(this).outerWidth()) / 2;
                          if (options.withScrolling) left += $(options.inside).scrollLeft() || 0;
                          left = (left > options.minX ? left : options.minX);
                          $.extend(props, {left: left+'px'});
                    }
                    if (options.transition > 0) $(this).animate(props, options.transition);
                    else $(this).css(props);
                    return $(this);
               });
          }
     });
})(jQuery);

بواسطة: MacOS
منذ: 15 / فبراير / 2012 الساعة 10:23

انا ما فهمت هذه الداله كيف استخدمها في css
15 / فبراير / 2012 الساعة 10:58

أنشر اجابتك

xهل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة

ماذا قال رئيس الوزراء الجديد معين عبد الملك في اول ظهور له وبماذا طالب التحالف العربي ؟ اليمن الان / عاجل : من هو رئيس الوزراء الجديد معين عبدالملك سعيد (سيرة ذاتية) اليمن الان / ورد الان: أول رد من العاصمة عدن على قرار إقالة بن دغر وتعيين معين عبداللمك