javascript - Align background image middle and center -


यहां एचटीएमएल है: 

 <कोड> & lt; div class = "gallerybox" & gt; & Lt; a href = "/ CustomContentRetrieve.aspx? आईडी = 398791" & gt; & Lt; img alt = "" src = "/ उपयोगिताएँ / image.jpg" चौड़ाई = "400" ऊंचाई = "400" / & gt; & Lt; / a & gt; & Lt; / div & gt;

यहां सीएसएस है: 

  .gallerybox {width: 200px; ऊँचाई: 200px; अतिप्रवाह: छिपा हुआ;}
< P> क्या कोई मुझे बता सकता है कि लिंक छवि को div.gallerybox मध्य (खड़ी) और केंद्र (क्षैतिज) के अंदर संरेखित करें? हो सकता है कि जावास्क्रिप्ट, jQuery या पूरी तरह से सीएसएस का उपयोग कर

हो सकता है कि निम्नलिखित की तरह कुछ:

< पूर्व> & lt; div class = "gallerybox" & gt; & Lt; a href = "/ CustomContentRetrieve.aspx? आईडी = 398791" & gt; & Lt; img id = "imgUtility" class = "Galleryimage" alt = "" src = "/ उपयोगिताओं / ShowThumbnail.aspx USM = 1 & amp;? श्याम = 400 & amp; amp; एच = 400 & amp; amp; आर = 1 & amp; amp ; img = {tag_image_value} "/ & gt;" / & gt; & lt; / a & gt; & lt; / div & gt; .gallerybox {width: 200px; ऊँचाई: 200px; अतिप्रवाह: छिपा हुआ;} & lt; - संपादित करें फिर - & gt! ; & lt; स्क्रिप्ट भाषा = "javaScript" & gt; window.onload = fixImage; समारोह fixImage () {var img = document.getElementById ( 'imgUtility'); var x = img.offsetWidth; वर y = img.offsetHeight; img। Style.left = - (x / 2); img.style.top = - (y / 2);} & lt; / स्क्रिप्ट & gt;

Comments

Post a Comment

Popular posts from this blog

.net - C# List<T>.Find(x=>x.Rectangle.Contains(Point)) FAIL -

For my life, I can not understand why this code generates the following output ... I think there is a bug or something while using the list and lambda, if type one rectangle exposes the property and you use the included method of rectangle object ... and the clear statement proves true while Find list method fails .... Onway Code Public Gridskeyr Warldtokapadsb (Point location) {location = _Map.WorldToClient (location); Gridsquare gs = this.find (x => x.Rectangle.Contains (location)); GridSquare KP = G.Find (X => X. laxative canteen (location)); & Lt; GridSquare & gt; List = kp.FindAll (x => x.Rectangle.Contains (location)); U.dp (list.Count); Gridskare sub = KP.Fid (X => X. laxative canteen (location)); If (sub == faucet) {u.dp (place to look for "location"); U.dp ("The location found in the grid category" + GS toaster ()); U.dp ("Grid Square Bounds" + gs.Rectangle.ToString ()); U.dp ("location found in keypad" +...
Read more

iphone - Smoothing a rounded stroke in Core Graphics -

I am making my own UITableViewCells with a gradient background. I have worked all the logic and drawing, but the one that I want to fix is ​​"chunky" around the corners of my custom cell: If you have corners, you See what I'm talking about. Here is the code that I am using to generate cells: CGCTXT C = UigRxGroupCertexConnect (); CGColorSpaceRef myColorSpace = CGColorSpaceCreateDeviceRGB (); CGGradientRef myGradient = Zero; CGFloat component [8] = TABLE_CELL_BACKGROUND; CGContextSetStrokeColorWithColor (C, [[UAColor colorWithWhite: 0.7 alpha: 1] CGColor]); CGContextSetLineWidth (C, 2); CGContextSetAllowsAntialiasing (C, Yes); CGContextSetShouldAntialias (C, Yes); CGFloat minx = CGRectGetMinX (RECT), MIDX = CGRactgetMIDX (RECT), MAX x = CGTXxX (RECT); CGFloat miny = CGRectGetMinY (Rect), maxy = CGRectGetMaxY (rect); CGMutablePathRef Path = CGPathCreateMutable (); CGPathMoveToPoint (path, NULL, minx, miny); CGPathAddArcToPoint (default margin of path, NULL, mix, ...
Read more

c++ - QtQuick: QQmlApplicationEngine failed to load component qrc:/main.qml:23 Invalid attached object assignment -

Looking at my thoughts below, am I barking the wrong tree? Or in the information given below, am I misusing the Qt API to get an error in the title? I'm trying to modify the sample to work with the default coefficic project generated from Qt Creator 3.3.0 (OpenSource). Qt 5.4.0 (GCC 4.6.1, 64bit) Based on. The first thing to look at after the code is that I stand by: The sample uses the main.cpp: qmlRegisterType & lt ; Squircle & gt; ("OpenGLUARMM", 1, 0, "Squircle"); QQuickView view; View.setResizeMode (QQuickView :: SizeRootObjectToView); View.setSource (QUrl ("QRC: ///scenegraph/openglunderqml/main.qml")); View.show (); Some name changes in my name. CPP qmlRegisterType & lt; Menuscreen & gt; ("OpenGLUnderQML", 1, 0, "Main Screen"); QQmlApplicationEngine engine; Engine.load (QUrl (QStringLiteral ("QRC: /main.qml"))); I'm not sure that the difference in using QQmlApplicationEngine...
Read more