标签: positioning

jQuery colorbox:如何更改颜色框的位置

默认情况下,颜色框在屏幕上显示为垂直和水平居中.有没有办法改变它,例如从顶部垂直和水平居中10%?

jquery position positioning colorbox

7
推荐指数
1
解决办法
3万
查看次数

设置Android Dialog位置

我希望我的Android对话框和/或警报有时在屏幕的最顶部对齐,而不是简单地在中心.这可能吗?给出精确的xy坐标怎么样,这可能吗?

user-interface android location dialog positioning

7
推荐指数
1
解决办法
8604
查看次数

混合浮动和固定定位

这是浮动固定的标准用法:

<html>
<head>
    <style type="text/css">
        #bigDiv
        {
            background-color: red;
            height: 2000px;
            width: 100px;
            float: left;
        }
        #littleDiv
        {
            background-color: green;
            height: 400px;
            width: 200px;
            float: left;            
        }
        #littleDivFixed
        {
            background-color: blue;
            height: 100px;
            width: 200px;
            position: fixed;
        }
    </style>
</head>
<body>
    <div id="bigDiv">
    </div>
    <div id="littleDiv">
    </div>
    <div id="littleDivFixed">
    </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

_

  • "littleDiv"div位于"bigDiv"div的右侧,但不跟随滚动,
  • 相反,"littleDivFixed"div相对于"bigDiv"div滚动但不是很好定位(它总是卡在显示屏的左侧).

_

是否有可能混合这两种行为的div:

  • 总是在"bigDiv"div的右边(距离为10px),
  • 总是在显示器上(距离顶部10px的恒定距离)?

_

在此先感谢您的帮助.

css position positioning fixed css-float

7
推荐指数
1
解决办法
5万
查看次数

我想在C#中将两个表单放在彼此旁边

我有一个表单打开另一个表单.

我想要做的是将新打开的表单放在下一个(右侧)到已经可见的表单上.

所以我需要将新表单放在当前表单结束的位置(如果错误则纠正我).

所以我需要做一些事情:

newform.Left = this.endposition.right;
Run Code Online (Sandbox Code Playgroud)

endposition属性是我刚刚编写的(伪代码).

如何获得当前表单右侧的结束位置?

编辑

我已经尝试了几种解决方案,但直到现在它们都没有工作.

我总是得到相同的结果:

为什么会发生这种情况http://s1.postimage.org/f4fsbc6pa/why_o_why.png

我试过以下代码:

newform.Left = this.Right + SystemInformation.BorderSize.Width;

newform.Left = this.Right + (SystemInformation.BorderSize.Width * 2);

newform.SetDesktopLocation(this.Location.X + this.Size.Width, this.Location.Y);
Run Code Online (Sandbox Code Playgroud)

Eclyps19建议只是手动添加一些像素来定位新表格,虽然我不确定每个系统上的边框是否相同.

c# positioning winforms

7
推荐指数
2
解决办法
4151
查看次数

如何将div弹出对话框定位到浏览器屏幕的中心?

我需要将div弹出窗口置于浏览器屏幕的中心(无论屏幕大小是多少).我想保持这个位置是绝对的,因为当我向下滚动页面时我不想将弹出窗口向下移动.

使用Jquery单击按钮时会显示此div.

我尝试将margin-left设置为其他帖子中提到的宽度的一半,但它对我不起作用.

这是我的代码

CSS代码:

.holder{        
    width:100%;
    position:absolute;
    left:0;
    top:0px;
    display:block;  
}
.popup{
    width:800px;
    margin:0 auto;
    border-radius: 7px;
    background:#6b6a63;
    margin:30px auto 0;
    padding:6px;
}

.content{
    background:#fff;
    padding: 28px 26px 33px 25px;
}
Run Code Online (Sandbox Code Playgroud)

HTML代码:

  <div class="holder">
        <div id="popup" class="popup">            
            <div class="content">
                        some lengthy text
                     </div>
        </div>
   </div>
Run Code Online (Sandbox Code Playgroud)

谢谢!!

html css position positioning

7
推荐指数
4
解决办法
14万
查看次数

CSS - 防止绝对定位元素溢出体

我在页面中有一个元素,使用TOP和LEFT css样式绝对定位.当它位于左侧或顶部区域的负位置时,没有问题.但是,当元素放置在大于窗口内部宽度的左侧位置时,将出现滚动条.

有没有办法以某种方式阻止这个元素这样做?我不能设置溢出:隐藏; 到我的身体元素,因为这将破坏我的布局.例如,一个像overflow-parent:none;很好的财产(但不幸的是不存在)

css positioning css-position overflow

7
推荐指数
1
解决办法
9648
查看次数

修复了topbar与命名锚点的关系

我有一个顶部栏,position:fixed其中还包含锚链接(<a href="#someid">jdjd</a>).

问题是目标放在视口的顶部(固定顶部栏后面).

如何修复,以便浏览器滚动,以便目标显示在顶部栏的下方?

css positioning

7
推荐指数
1
解决办法
458
查看次数

将div的内容与底部对齐

我有一个包含2段的div.我希望段落与div的右下角对齐.我能够使用这些参数来对齐text-align: right,但是我正在努力让这些参数与div的底部对齐.

标记很简单:

<div>
   <p>content 1</p>
   <p>content 2</p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

div{
    border: 1px red solid;
    height: 100px;
}

p{
    text-align: right;
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用position:absoluteparagrams和设置bottom: 0,但这使得段落由于绝对定位而相互重叠.

div不会跨越整个页面,因此段落文本应该在div中.

有没有办法实现这样的效果,使内容"从底部增长"?

我想要的效果是这样的(photoshopped): 在此输入图像描述

以及上面的小提琴:http://jsfiddle.net/cbY6h/

html css positioning alignment

7
推荐指数
2
解决办法
4万
查看次数

更改"导出"选项的位置

我想更改"导出"按钮的位置.在他们位于右上方的那一刻,因此隐藏了更长的标题.我想改变它,但是在参考文献中没有看到参数.

谢谢你的任何提示!

positioning highcharts

7
推荐指数
2
解决办法
9970
查看次数

jQuery UI工具提示 - 如何正确地垂直居中放置鼠标?

更新:仍在寻找可行的解决方案,但请查看下面的答案,它可能会帮助您或给您一个想法.它适用于特定的分辨率.

我正在使用jQuery UI工具提示插件,但我无法按照我想要的方式定位工具提示.

我希望它垂直居中于鼠标,但是位于相关元素的左侧.我相信我的措辞是正确的,但我会告诉你一张我的意思.

(这是应该做的)
http://prntscr.com/v2yqi

正如您在我的示例中所看到的,它垂直居中于元素本身,而不是鼠标.

如果它可以用鼠标移动(仅垂直跟踪),这将是完美的.不确定这个插件是否可以实现.我真的不了解他们的定位API.

这是一个JSFiddle.

  $(function() {
    $( document ).tooltip({
      items: ".entry",
      position: { my: "center", at: "left" },
      content: function() {
        var element = $( this );
        if ( ( element.is( ".entry" ) ) ) {
          return "<div class='hi'>This is a very nice entry! It's so pretty and I feel     like I can touch it. This is just random filler text to give you the idea..</div>"; …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui positioning tooltip jquery-ui-tooltip

7
推荐指数
1
解决办法
4万
查看次数