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

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

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

I am using my first project LINQ (in mvc), so maybe there's something very simple that I remember. However, a day of searching and experimenting does not work, so it works. I am trying to write a LINQ query (Linux to SQL) in which in many cases where the statement is different from an OR or an AND. We do not know how many conditions are going in the query till runtime. This search is for filter control, where the user can choose multiple criteria for filtering. Select from table where table.col = 1 or table.col = 2 or table.col = 7 .... 'Other number of conditions Before I just create the SQL query as a string, while looping over all the situations. However, it seems that there should be a good way to do this in LINQ. I tried to use Expression trees, but they had a second thought for this moment on my head, where the lambda function was to be executed inside the statement such as: values ​​for matchingRows = matchingRows for each value Where (function (row) row.c...
Read more

asp.net - getting a value of selected radiobutton in LoadViewState -

Can I get the value of a selected radio button in the LoadViewState event of WebControl and how? All components are generated in codebehind, so I have those controls: Radiobutton list RLL; LISTIME leon; List liTwo; At this time I was stuck on that the overloaded loadviolet is not being implemented protected override zero load vivestat (object o) {action = Rbl.SelectedValue; Verb 2 = rll Selected item. value; Base.LoadViewState (O); } You also need to override the SaveViewState method. Radio button AFAIK has problems in saving their selected state.
Read more