我想在容器div中对文本进行居中,这样当它溢出时,它只会溢出到底部。
单行文本将居中:
------------------------
| |
|A line of text |
| |
------------------------
两行或三行文本(填充容器所需的数量)也将居中。
------------------------
|A line of text |
|A line of text |
|A line of text |
-------
我有一个网站,我想跟踪调整大小的浏览器窗口,以便它总是适合。我尝试使用css转换比例属性,其比率由当前窗口宽度除以全屏窗口宽度。它确实可以重新缩放,但是它肯定有问题,因为它在内容的左边和右边留下了白色块(因此它缩小了站点太多,然后在窗口中居中)--这里是javascript代码:
$(window).resize(function(){
var ratio = $(window).width()/1340;
$('body').css('transform','scale('+(ratio)+
我试图创建一个导航栏,包含四个元素,两个较小的按钮链接到主页和一个联系人页面,然后两个较大的按钮将链接到站点的两个主要部分。我试图用这样的方式来放置物体,使两个大按钮居中,两个较小的按钮位于左边。
我不能“页边距:0自动”,两个大按钮在它们自己的div中,因为我必须将它设置为"display: block“,这会将它们设置在与较小的按钮不同的行上,并且一旦浏览器窗口发生变化,绝对定位就会扰乱布局。
我觉得我错过了一些简单的东西。我是不是从错误的角度来做这个?
这是我目前所拥有的.
HTML
<div id="nav-container">
<div i
我试着创建一个窗口,它的宽度是固定的,并且是居中的。也应该有可变的高度,取决于浏览器-视图-高度的顶部偏移量为20 px和底部偏移量为20 px;
我不想为此使用JQuery / JS,它应该是普通的css。
这里有一些代码片段:
#viewport should be the the browsers height / width container
#window should be the resized window (centered in middle, filling up all height except of top 20px and bottom 20px
有人知道怎么
我尝试在浏览器窗口中设置一个模式窗口(我正在做Firefox、Chrome和Opera的测试)。
您可以通过单击这个来测试它,在中心再单击一次图像:模态窗口应该会出现(它是空的,我把组件移到这个模态窗口中)。
为了将模态窗口居中到浏览器窗口,我做到了:
// Width and Height of WebGL window : 90% of browser window width
var mainWidth = 0.9*$(window).width();
// Height deduced from starting image : 490/900 is the ratio of star