标签: center

垂直居中图像

HTML:

<ul>
  <li><img src="image1.png" /></li>
  <li><img src="image2.png" /></li>
  <li><img src="image3.png" /></li>
  <li><img src="image4.png" /></li>
  <li><img src="image5.png" /></li>
  <li><img src="image6.png" /></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

...图像都是不同的尺寸,我想垂直居中.

jQuery的:

$('ul li').css('paddingTop', height($("ul li").height() - ("li img") / (2)));
# padding-top = height of li - height of image / 2
Run Code Online (Sandbox Code Playgroud)

..但这不起作用.

jquery height center

0
推荐指数
1
解决办法
656
查看次数

找到多个lat lng的中心点

我有多个lat lng,我想要所有这个lat lng的中心点..就像会合点,它将最接近所有这个lat lng.

iphone center objective-c latitude-longitude

0
推荐指数
1
解决办法
3889
查看次数

把孩子放在父元素的中心

如果你看看雅虎!主页,您发现所有内容都在页面中心,如果您调整浏览器窗口的大小,将删除左右空格,然后会出现滚动条.我想要一样,但无论我做什么,我都做不到:

<body>
<div id="main" >
   <div class="logo"></div>
   <div class="content"></div>
   <div class="copyright"></div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

我想要main在页面的中心(宽度固定但边距不是).

html css center

0
推荐指数
1
解决办法
688
查看次数

为什么我不能在viewWillAppear中以编程方式移动UIViews?我什么时候应该设置定位?

我有一些不正确的观点.在我的项目中,我将定位链接到滑块以尝试确保它正在发生,并且当我拖动滑块时它会在视觉上来回捕捉.我已经剥离都记录下来,并提出了测试项目,试图弄清楚这一点,虽然未卡来回,它不会出现在工作的时候viewWillAppear中被调用,通过拖动滑块后只做时.截图和项目附件.

初步定位反映了IB中的位置

我希望在开始时以编程方式设置定位,显示拖动滑块时的位置

示例代码:http://www.hyperfileshare.com/d/b7e4b088

positioning center uiview ios

0
推荐指数
1
解决办法
3215
查看次数

中心将一个表格单元格对齐另外两个

这就是我想要完成的事情:

|---------| |----------|
| TableC1 | | TableC2  |
|---------| |----------|
     |------------|
     | TableC3    |
     |------------|
Run Code Online (Sandbox Code Playgroud)

您可以在上面看到的是我想要完成的任务.TableCell1和TableCell2很好地对齐在表的中心,但由于我想在它们下面只有一个表格单元格,所以TableCell3只是去了一个边,左边或右边并不重要.

这是我写的方式的片段:

HTML:

<table id = "some-boxes">

<tr>
<td id = "first-box">
SOME TEXT101
</td>

<td id = "second-box">
SOME TEXT202
</td>
</tr>

<td id = "third-box">
SOME TEXT303
</td>
</table
Run Code Online (Sandbox Code Playgroud)

CSS:

#first-box{
   width: 100px;
}
#second-box{
   width: 100px;
}
#third-box{
   width: 200px;
   text-align: center;
   margin-left: 50%;
   margin-left: 50%;
}
Run Code Online (Sandbox Code Playgroud)

希望有人能回答我的这个谜团.谢谢你的问候:)

html css center alignment css-tables

0
推荐指数
1
解决办法
2354
查看次数

中心div在页面中

我知道这已被问了一千(百万?)次,但对于我的生活,我无法弄清楚为什么我不能让div在我的页面上居中.即使HTML和CSS被剥离到最低限度.

如果有人能指出我在这里缺少什么,我会很感激.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html>
    <head>
        <style type="text/css">
            div#branchSelect { margin: 0 auto; }
        </style>
    </head>
    <body>
        <div id="branchSelect">
            <h4 class="selectBranch">Select a Branch to View</h4>
            <select type="select" id="ddlBranches" class="selectBranch">
                <option id="defaultBranchesListItem" value="0">Select a branch...</option>
                <option value="1">Atlanta</option>
            </select>
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是一个jsFiddle.

html center

0
推荐指数
1
解决办法
8770
查看次数

如何在垂直线上将按钮放在框架的中心?

我将这些按钮放在框架的中心并且彼此上方,就像这样.

                                     BUTTON
                                     BUTTON
                                     BUTTON
Run Code Online (Sandbox Code Playgroud)

我在这个论坛上搜索了多个主题,但到目前为止我尝试过的所有内容都没有用.我希望有人有解决方案.

这是我目前的代码:

package ípsen1;

import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Toolkit;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JPanel;

public class Paneel extends JPanel implements ActionListener {
Image achtergrond;
private JButton spelHervatten;
private JButton spelOpslaan;
private JButton spelAfsluiten;


public Paneel(){
    //buttons   
    spelHervatten = new JButton("Spel hervatten");
    spelHervatten.setPreferredSize(new Dimension(380, 65));

    spelOpslaan = new JButton("Spel opslaan");
    spelOpslaan.setPreferredSize(new Dimension(380, 65));

    spelAfsluiten = new JButton("Spel afsluiten");  
    spelAfsluiten.setPreferredSize(new Dimension(380, 65));


    //object Paneel luistert naar button events
    spelAfsluiten.addActionListener(this);

    add (spelHervatten);
    add …
Run Code Online (Sandbox Code Playgroud)

java swing center button

0
推荐指数
1
解决办法
8805
查看次数

Android视图中心在其他视图中

在此输入图像描述

我想像上面的图片一样定位蓝色方块,蓝色视图的中心位于另一个视图的角落.怎么做?

android position center view

0
推荐指数
1
解决办法
124
查看次数

Bootstrap导航栏中心项

我有一个导航栏,我想集中我的搜索字段,但我找不到我应该使用哪些类.除官方网站外还有其他文件吗?我会列出所有课程以及他们做什么,这是不可能的?

    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">PrivateChat</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse">
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pseudo <span class="caret"></span></a>
                        <ul …
Run Code Online (Sandbox Code Playgroud)

center navbar twitter-bootstrap

0
推荐指数
1
解决办法
4069
查看次数

在全屏div中垂直和水平居中div

我在全屏显示的另一个div中垂直和水平居中放置div时遇到问题。子div的宽度和高度是固定的。

这是代码:

html, body {
  height: 100%;
  margin: 0;
}
#header { 
  overflow: hidden;
  width:100%;
  height: 100%;

  background: orange;
  background-size:cover;
  -webkit-background-size:cover;

  display: table;
} 
#wrap {
  height: 200px;
  width: 500px;
  background:white;
  margin:0px auto;
}
Run Code Online (Sandbox Code Playgroud)
<div id="header">
  <div id="wrap">
    <h1>Header</h1>
    <div id="some-text">Some text some text some text some text</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html center

0
推荐指数
1
解决办法
3510
查看次数