我正在建立一个响应式网站,并使用网格系统.网格框当然没有设定的高度.它们很流畅.放置在其中的图像将定义高度ad,然后它将根据视口的可用宽度进行缩放
我所试图做的是外行文本在图像和垂直对齐图像中间的文本.
我已经阅读了很多关于垂直对齐的帖子,但似乎没有一个用响应框来解决这个问题.
我使用了复制我的网格系统所需的压缩css来设置一个小提琴.我正在使用2个灰色虚拟图像.我想在它们上面放置文本并垂直对齐文本.怎么做？有任何想法吗？我更喜欢只用css做这个,除非绝对需要jquery但我认为css可以做到这一点.
<div class="grid">
<div class="row">
<div class="c6"><img src="http://dummyimage.com/600x400/cccccc/cccccc.jpg" alt="-" /></div>
<div class="c6"><img src="http://dummyimage.com/600x400/cccccc/cccccc.jpg" alt="-" /></div>
</div>
</div>
我一直试图找到一个解决方案,并一直在搜索论坛,但你唯一的谈论百分比.
我有一个只包含文本的div.我需要它的最大宽度为700px,固定定位并在屏幕上水平居中.
在一个完美的世界里,这就是我想要的工作,但当然不会:
<div style="max-width: 700px; text-align: center; position: fixed; bottom: 40px; margin: auto;">sample text sample text sample text sample text sample text sample text sample text sample text sample text sample text</div>
有没有人有办法解决吗？