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)
..但这不起作用.
我有多个lat lng,我想要所有这个lat lng的中心点..就像会合点,它将最接近所有这个lat lng.
如果你看看雅虎!主页,您发现所有内容都在页面中心,如果您调整浏览器窗口的大小,将删除左右空格,然后会出现滚动条.我想要一样,但无论我做什么,我都做不到:
<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在页面的中心(宽度固定但边距不是).
我有一些不正确的观点.在我的项目中,我将定位链接到滑块以尝试确保它正在发生,并且当我拖动滑块时它会在视觉上来回捕捉.我已经剥离都记录下来,并提出了测试项目,试图弄清楚这一点,虽然未卡来回,它不会出现在工作的时候viewWillAppear中被调用,通过拖动滑块后只做时.截图和项目附件.


这就是我想要完成的事情:
|---------| |----------|
| 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)
希望有人能回答我的这个谜团.谢谢你的问候:)
我知道这已被问了一千(百万?)次,但对于我的生活,我无法弄清楚为什么我不能让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.
我将这些按钮放在框架的中心并且彼此上方,就像这样.
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) 
我想像上面的图片一样定位蓝色方块,蓝色视图的中心位于另一个视图的角落.怎么做?
我有一个导航栏,我想集中我的搜索字段,但我找不到我应该使用哪些类.除官方网站外还有其他文件吗?我会列出所有课程以及他们做什么,这是不可能的?
<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) 我在全屏显示的另一个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)