Динамическое заполнение CSS для кнопки Google +1

Question

У меня есть несколько кнопок Google +1 на моем веб-сайте, и при нажатии кнопки определенное количество раз кнопка плюс одна на странице становится шире и, следовательно, выходит за пределы указанного пространства. Как я мог предотвратить это динамически?

Код CSS для кнопки выглядит следующим образом:

.news-plusone { 
    float: right;
    margin: 2px -20px 0 10px;
}

Второй параметр на полях - это тот, который должен динамически меняться.

Пример: http://www.nblackburn.me/index.php?section=news

Кнопка +1 включена в этот сегмент HTML на моем веб-сайте (отформатирован здесь для удаления прокрутки):

<span class="news-plusone">
 <g:plusone size="small" href="http://example.com/"></g:plusone>
</span>

Answer 1

Издатели не могут изменять или скрывать кнопку +1, а издатели не могут связывать кнопку +1 с рекламным контентом, например размещать кнопку +1 рядом с рекламой или рядом с ней, или размещать рекламу в общедоступном контенте, если только у них нет на это разрешения. от Google. Издатели также не могут размещать в общедоступном контенте какой-либо текст, изображение или другой контент, который нарушает Политику в отношении содержания и поведения пользователей проекта Google+.

+1 кнопка политики

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

Answer 2

У вас есть выбор Google +1 форматов кнопок. Несколько дней назад Google добавила гораздо больше вариантов, а также полезную диаграмму ширины, необходимую для размещения кнопок (в пикселях). Некоторые другие детали включены, но ничего о динамическом CSS как таковом.

Вы, вероятно, используете кнопку, которая отображает, сколько раз люди нажимали на нее. Я думаю, именно поэтому, когда вы переходите от однозначной длины к двузначной, ваш CSS, так сказать, выходит из строя. И по-прежнему будет проблемой, когда вы получите до трехзначного значения +1!

Вместо этого вы можете использовать кнопку, которая не показывает число * из +1. ИЛИ выберите кнопку, которая показывает количество + 1 под кнопкой, а не рядом с кнопкой. Тогда вы избежите проблем с изменчивостью ширины страницы, так как легче приспособить изменяющуюся длину страницы, чем ширину.

* Это то, что я делаю. Я не хочу, чтобы мой веб-сайт и страницы выглядели такими жалкими, с 2-мя или 3-мя счетами + 1 (было бы 0-счетом, если бы я не спросил своих братьев) навсегда. Я бы предпочел, чтобы никто не знал...