Twitter按鈕導致text-align：center無法正常工作
[英]Twitter button causes text-align:center not to work
問題描述
我正在嘗試在網站上的頁腳中添加一個Twitter“關注”按鈕，但是這導致頁腳的顯示出現許多問題。
如果您看一下這個小提琴 ，就可以看到問題所在。 我添加了測試控件，以使其易於演示，但是基本上，我想阻止添加按鈕時發生以下情況：
- 頂部額外填充
- 一切都向左移動（丟失
text-align:center） - 該按鈕未與其左側的文本垂直對齊。
請有人可以建議如何實現這一目標嗎？
1 個解決方案
解決方案1
0 2012-01-07 18:22:48
Twitter按鈕可以通過javascript設置為300px的寬度，唯一可以解決的就是將其用span或div包裹起來並置於60px的寬度上； 因為300px將您的菜單推到了一邊。 丟失文本對齊中心。
另外，您可能希望將鏈接包裝在無序列表元素中，以便對整個組有更多的控制權，並且語義也變得更加豐富。
text-align：center在使用JavaScript絕對位置時不起作用？
[英]text-align:center not working when position:absolute with javascript?
text-align：center和margin：0自動不適用於絕對定位的元素
[英]Text-align:center and margin:0 auto not working on absolute positioned elements
更改與CSS中的命令text-align：center相對的命令
[英]Changing what the command text-align:center is relative to in css
光標不在一個空的可編輯錨中居中，在 Firefox 上具有文本對齊中心
[英]Cursor is not centered in an empty editable anchor with text-align center on firefox
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.