Кнопка Google+ убирает свободное место / поле справа |выровнять вправо - PullRequest
Новая
       24

Кнопка Google+ убирает свободное место / поле справа |выровнять вправо

7 голосов
/ 24 августа 2011

Есть ли способ выровнять кнопку google plus по праву? Кажется, кнопка g + занимает некоторое место в случае, если было больше цифр. Было бы хорошо, если бы sulution мог использовать только css / html - без javascript.

обновление
Похоже, что Google немного изменил api кнопки 1+ со вчерашнего дня, но все же кажется невозможным выровнять его вправо.

обновление 2
Вопрос был задан 24 августа '11. С тех пор Google+ менялся несколько раз. Больше не нужно спамить ответы на этот пост (повторные и те же ответы!). Варианты, которые вы предлагаете, не существовали в то время. Проверьте параметры на веб-странице документации Google +: https://developers.google.com/+/plugins/+1button/?hl=pl#plusonetag-parameters

Ответы [ 7 ]

4 голосов
/ 19 октября 2013

В настоящее время вы просто добавляете data-align="right" к вашему <div>. Например: 

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

Это будет держать содержимое <iframe> выровненным вправо.

2 голосов
/ 01 октября 2012

Установите атрибут align на right для тега кнопки +1. 

<g:plusone align="right"></g:plusone>
2 голосов
/ 28 августа 2012

Добавьте следующий атрибут в тег g: plusone : 

align="right"

Получил решение из https://developers.google.com/+/plugins/+1button/#button-sizes

2 голосов
/ 25 августа 2011

Если вы хотите выровнять кнопку +1 вправо, вы должны либо использовать «высокий» форм-фактор, так как он увеличивается, либо настроить кнопку +1, чтобы не отображать счетчик.Любой из них удалит свободное пространство для чисел на правой стороне.Документацию, объясняющую, как это сделать, можно найти здесь: http://code.google.com/apis/+1button/#button-sizes

Теперь, когда отступ справа не отображается, вы можете использовать CSS для выравнивания кнопки.

1 голос
/ 23 мая 2014

Самое простое решение, которое я нашел, - это просто обернуть элемент div с одной кнопкой в ​​контейнере, дать контейнеру класс и стиль для плавания, когда вам потребуется. 

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

.plusonealign {
    float: left;
}
0 голосов
/ 24 августа 2011

столкнулся с этой проблемой вчера. обернул namedspaced плюс один тег в div и всплыл вправо.

вы всегда можете использовать таблицу стилей для переопределения встроенных стилей, которые Google отправляет по проводам

так для разметки вот так: 

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

Вы могли бы иметь этот CSS: 

.myPlusOneWrapper
{
     float: right;
}

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

ширина будет адаптирована к ширине и будет иметь приоритет над встроенным стилем Google

JS Fiddle

0 голосов
/ 24 августа 2011

Я бы попробовал поместить кнопку в div.Тогда я бы сделал это div меньше кнопки, чтобы вырезать правую часть кнопки.Вам необходимо настроить параметры position и overflow в вашем CSS.

...