个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
谁能阐明为什么 Chrome(版本 78.0.3904.97)不遵守 flexbox css 将 Twitter 时间轴置于网页的中心？
使用 Twitter 生成的代码将 Twitter 时间轴嵌入到网页中，我发现尝试将时间轴居中在 Chrome 中被证明是不可能的。它在 Safari 中运行良好。
Safari screenshot showing the Twitter timeline centered in the twt class div Chrome screenshot showing the Twitter timeline left-aligned in the twt class div
/* html snippet */
<div class="twt">
<a class="twitter-timeline" data-width="640" data-height="860" href="https://twitter.com/PremierLake?ref_src=twsrc%5Etfw">Tweets by PremierLake</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
/* flexbox css */
.twt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: stretch;
width: 100%;
height: 860px;
}
注意事项:我试过非flexbox传统定位。我不想使用绝对定位，因为 div 结构需要与页面上的周围元素一起流动。我已经浏览了 Twitter 开发说明，它们没有提供以时间线为中心的方法。这与可以居中的封装的单个推文不同。Twitter 时间线是来自单个 Twitter 提要的推文集合。
最佳答案
我没有得到答案，但我试过你的代码。它对我来说很好用! 
尝试检查 chrome 中的元素，看看实际应用了哪些样式。
除了突出显示背景外，我没有更改您的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style>
/* flexbox css */
.twt {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-content: stretch;
width: 100%;
height: 860px;
background: yellow;
}
</style>
</head>
<body>
<h1>blalbalbalb</h1>
<div class="twt">
<a
class="twitter-timeline"
data-width="640"
data-height="860"
href="https://twitter.com/PremierLake?ref_src=twsrc%5Etfw"
>Tweets by PremierLake</a
>
<script
async
src="https://platform.twitter.com/widgets.js"
charset="utf-8"
></script>
</div>
</body>
</html>关于javascript - 为什么 chrome 不为嵌入式 twitter 时间轴呈现 flexbox 定位？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58908435/
26
4
0
这个问题困扰了我几天。 这是我的相关 Storyboard布局: 我已经将阳光下的每个布局都设置为所有三个 View Controller ，并且仍然得到一个在横幅 View 上方有一个“间隙”的结果
我正在我的 C++ 程序中嵌入一个网页。我遇到的问题是，在嵌入式页面的 javascript 中，我可以捕获 onkeypress，但不会触发 onkeydown 和 onkeyup。 如果我在非嵌入
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 5年前关闭。 Improve this qu
我有一个 java web 应用程序。我想创建一个嵌入式 LDAP 服务器，当 web 应用程序运行时，我将向 LDAP 插入一些记录，并且有另一个 web 应用程序将访问此 LDAP 以获取信息。可
我正在尝试通过 tomcat maven 插件将 war 部署到嵌入式 tomcat 服务器。控制台显示服务器启动正常。 看来 war 还没有展开。当我访问 http://localhost:9090
假设我有如下函数: bigrams=[(k,v) for (k,v) in dict_bigrams.items() if k[:pos_qu]==selection[:pos_qu
我读过一些关于 python 嵌入式 C++ 的教程。我曾引用过 python 对象。 https://docs.python.org/3/c-api/function.html Python 脚本:
我正在使用嵌入式应用程序，在调试期间，调试器无法解析宏符号(我的理论:因为宏在预处理中丢失了)。我最终不得不先在源代码中找到宏，然后使用定义来监视变量。 我的问题是:有没有办法将宏定义合并到 elf
首先我要说的是我开发的是基于cortex m4的嵌入式设备应用。 我有引导加载程序和主应用程序通用的功能。现在我为引导加载程序和应用程序编译源文件 2 次。但是我的双库 dfu 空间不足，我想在 RO
作为嵌入式 C 编程的初学者，我很好奇每个(根据我的经验)程序执行是如何从 main() 函数开始的？这就像链接器识别 main() 并将那个“特殊” 函数的地址放入重置 vector 指向的地址。
在我的实时嵌入式处理器固件中，我需要十进制数字的格式化打印。标准 printf/sprintf 在工具链中不可用，所以我需要自己实现它。 我使用了除以十并取余的天真方法。但是我的目标处理器本身不支持除
我有编程经验，但在软件开发方面了解不多。我目前正在为我工作的公司编写一个软件，我开始挑战自己代码的可读性。 我想知道这是否是嵌入式 if 语句的“有效”替代方案，或者我是否可以使用更好的方法。 假
我有一个运行嵌入式 Linux 的嵌入式目标，我想计算以下时间: 1) 高速缓存读/写时序2) uncache 内存读/写时序 Linux 中是否有任何标准测试来计算上述时间？ 我已经编写了自己的测试
大多数嵌入式设备都是为了在通常资源受限或低规格的设备上执行特定任务而构建的。 因此，大多数嵌入式开发人员需要去除不必要的库和模块，并为其特定设备和用例创建自定义分发。我们先来了解一下嵌入式 Linu
我正在嵌入式处理器上编写一个简单的裸机应用程序。作为此应用程序的一部分，它必须使用 malloc 在大约 256kB 的堆上分配一些内存。注意:最初这是在 main 中静态分配的，但在一定的大小限制下
我正在尝试为我 friend 的婚礼建立一个网站。我使用的是 Bootstrap 5，嵌入的视频没有填满屏幕大小。这是一个 live test page HTML: 您还需要代码吗？我想让视频的全宽
我有一个项目，我尝试为微 Controller 构建固件并尝试更好地控制所使用的优化标志。我想，而不是使用 -O flag 分别指定不同的优化标志。不幸的是，-O 似乎发生了一些优化魔法。我无法使用单
我正在使用双核设备，并且要求核心 A 创建一个数据结构，其中包含在核心 B 上运行的函数列表的参数，定期更新它并通知核心 B。参数和类型的数量可以改变在运行期间。 我的计划如下.. 创建一个 Para
我们有一个 Microsoft.Phone.Controls.WebBrowser内嵌控件 StackPanel , 在 PivotItem 内在 Windows Phone 8 上。以简化的形式，它
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 2 年前。 Improve this ques
我是一名优秀的程序员,十分优秀！