Google+ बटन दाईं ओर खाली स्थान/मार्जिन हटाएं दाएं

Question

पर संरेखित करें क्या Google प्लस बटन को सही तरीके से संरेखित करने का कोई तरीका है? ऐसा लगता है कि जी + बटन में अधिक अंक होने पर कुछ जगह है। यह अच्छा होगा अगर सल्शन केवल सीएसएस/एचटीएमएल का उपयोग कर रहा हो - कोई जावास्क्रिप्ट नहीं।

अद्यतन
यह apears कि गूगल कल से 1 + बटन का एक छोटा सा एपीआई बदल गया है, लेकिन अभी भी यह सही करने के लिए इसे संरेखित करने के लिए असंभव लगता है।

अद्यतन 2
प्रश्न 24 अगस्त को प्रश्न पूछा गया है। तब से Google+ कई बार बदल गया है। अब इस पोस्ट के स्पैम उत्तरों की आवश्यकता नहीं है (दोहराया गया, और एक ही जवाब!)। आपके द्वारा सुझाए गए विकल्प उस समय मौजूद नहीं थे। Google + प्रलेखन वेबपृष्ठ पर पैरामीटर देखें: https://developers.google.com/+/plugins/+1button/?hl=pl#plusonetag-parameters

Answer 1

मैं बटन को div में डालने का प्रयास करूंगा। फिर मैं बटन के दाहिने भाग को काटने के लिए बटन से छोटा div बना दूंगा। आपको अपने सीएसएस में position और overflow विकल्प समायोजित करने की आवश्यकता है।

Answer 2

कल इस सटीक समस्या का सामना करना पड़ा। एक div और flated दाएं में namedspaced प्लस एक टैग लपेटा।

आप हमेशा इनलाइन शैलियों कि गूगल नीचे भेजने के तार

तो

मार्कअप के लिए इस तरह ओवरराइड करने के लिए एक स्टाइलशीट इस्तेमाल कर सकते हैं:

.myPlusOneWrapper 
{ 
    float: right; 
} 

.myPlusOneWrapper > div 
{ 
    width: auto !important; 
} 

:

<div class="myPlusOneWrapper"> 
    <div id="theActualPlusOneWrapper" style="whatever google send down the wire"> 
     <!-- blah --> 
    </div> 
</div> 

आप इस सीएसएस हो सकता था

चौड़ाई तब तक चौड़ी हो जाएगी जितनी इसे होने की आवश्यकता है, और Google की इनलाइन शैली

पर प्राथमिकता लेगी

JS Fiddle

Answer 3

आप +1 बटन सही संरेखित करने के लिए चाहते हैं, तो आप या तो 'लंबा' फार्म कारक, का उपयोग के बाद से यह फैलता है, या +1 बटन कॉन्फ़िगर संख्या प्रदर्शित नहीं करना चाहिए। इनमें से कोई भी दाईं ओर संख्याओं के लिए ढीला स्थान हटा देगा। दस्तावेज यह बताते हुए कि यह कैसे किया जा सकता है: http://code.google.com/apis/+1button/#button-sizes

अब पैडिंग दाएं तरफ चला गया है, तो आप बटन को संरेखित करने के लिए सीएसएस का उपयोग कर सकते हैं।

Answer 4

जी के लिए निम्न विशेषता जोड़ें: प्लस वन टैग:

align="right" 

https://developers.google.com/+/plugins/+1button/#button-sizes

Answer 5

से समाधान +1 बटन टैग के लिए right को align विशेषता सेट मिल गया।

<g:plusone align="right"></g:plusone> 

Answer 6

आजकल आप बस अपने <div> करने के लिए data-align="right" जोड़ें। उदाहरण के लिए:

<div class="g-plusone" data-align="right" data-size="medium" data-href="http://www.mywebsite.com"></div> 

सही करने के लिए गठबंधन की सामग्री को रखना होगा कि।

Answer 7

सबसे आसान समाधान मैंने पाया है कि एक कंटेनर में प्लस वन बटन div को लपेटना है, कंटेनर को एक वर्ग और शैली दें जो आपको कभी भी कितनी आवश्यकता होगी।

<!-- Google +1 button --> 
<div class="plusonealign"><div class="g-plusone" data-size="medium" data-align="left"></div></div> 

.plusonealign { 
    float: left; 
}