لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
التعامل مع الوسم 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هل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة