这是制作表格的 html 代码：
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="profile">
<img src="http://www.teleread.com/wpcontent/uploads/2009/05/image18.png" />
</div>
</td>
<td>Hello</td>
</tr>
</table>
这是CSS：
.profile img {
width: 120px;
height: 125px;
float: left;
margin-right: 4px;
margin-top: 4px;
margin-bottom: 4px;
border: 1px #cc1212 solid;
clear: both;
}
这是 jsfiddle 上的代码：
http://jsfiddle.net/Yeqnn/
问题：“Hello”一词在右列垂直居中
我该如何解决？顺便说一句，图像必须位于表格中并向左浮动才能配合我当前的主题...任何想法，如果是这样，请留下答案。
我想为我的视图制作一个旋转动画但是在两边(java和xml)我无法找到任何方法从它的中心旋转视图
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="infinite"
android:repeatMode="reverse"
android:toDegrees="180" />
还有这个:
RotateAnimation animation = new RotateAnimation(0,180,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
0.5f);
它们都从角落旋转视图
请帮我
在阅读悬停图像上的“中心字体真棒”图标及其相应答案后，我仍然无法使用离子图标复制此答案。
我正在使用的代码如下：
<div class="video-thumbnail">
<img src="image here" />
<i class="icon ion-play"></i>
</div>
我使用的 CSS 是：
.video-thumbnail {
position: relative;
margin: 0 auto;
display: inline-block;
}
.video-thumbnail img {
position: absolute;
}
.video-thumbnail i {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
我已经把它放在彼此之上，但似乎找不到中间点。寻找水平和垂直居中。我不是在寻找任何悬停状态，只是图像上的一个明显图标。
谢谢！
我试图在 HTML 中对齐屏幕中间的两个按钮。当我尝试使用text-align: center;它时，它不起作用。下面是我的按钮代码。
<style>
.button {
margin-top: 15px;
background-color: #0066FF;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
<body>
<div class="floated run">
<form action="aboutus.html">
<button class="button">See Projects</button>
</form>
</div>
<div class="floated run">
<form action="end.html">
<button class="button">About Us</button>
</form>
</div>
</body>
我知道这个问题有多种答案，但到目前为止，没有一个对我有帮助。
我不喜欢 Swiper Slider 提供的拇指。因此，我希望它们具有自定义尺寸（例如矩形），并且最重要的是，它们位于主滑块下方的中心。
API 调用“centerSlides”不会将它们设置为居中，而是向右倾斜。
一些建议？
我如何以绝对div为中心？
<div class="photoWindow">min width 600 px, absolute</div>
jQuery的
var widthScreen = $(window).width();
$('.photoWindow').css({'margin-left': widthScreen / 2 - widthScreen, 'left':'50%'});
但是,这并不是div的中心.
我正在使用UIView的+ animateWithDuration:delay:options:animations:completion:方法在几秒钟左右的时间内沿着一条线移动我的视图.
我想在这个动画期间的任意时间确定UIView与它正在移动的路径一起.但是当我这样做并尝试访问center或者frame,我发现该位置已经设置为它的最终目的地.
我这样做的原因是我每隔0.1秒(或左右)就会有一个NSTimer触发,它将更新父视图以显示UIView以前所在的行.我希望能够在UIView移动时保持更新.
关于如何做到这一点的任何想法？我发现的唯一类似问题是http://forums.macrumors.com/showthread.php?t=1056105,但没有显示解决方案.
或者......有没有更好的方法来做到这一点？
谢谢!
我试图<center在我的HTML中删除标记,但显然在某些情况下并不那么容易.
答案:HTML:<center>的替换 对我来说也不起作用.
下面的例子应该是中心组Foo和Bar,但它不居中Bar.这有什么不对？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
</head>
<body>
<div style=" margin: 0 auto; text-align:center;">
Foo
<table>
<tr>
<td>Bar</td>
</tr>
</table>
</div>
</body>
</html>
如果我替换<div>为<center>then然后一切都工作,但<center>标签已被弃用...
我有一个div,我想在任何时候垂直对齐浏览器窗口的50%的高度.
如果用户缩放此窗口,我不知道浏览器窗口的高度始终如何.如果将它放在另一个元素中是必要的,那很好,但是如上所述,我不知道视口在任何时候都有多高.
我也不打算使用javascript.
我已经阅读了网站,我已经去寻找解决方案,但我真的想把它扔出去(再次),因为我还没有找到一个解决方案来做到这一点,无论是通过钩子还是骗子.
谢谢.
我试图集中我的CSS导航栏,但无法弄清楚为什么不工作,我在哪里做错了.我希望它在页面的顶部中心.我试过保证金:0自动,但它不能在这里工作是我的代码:
<style>
ul {
list-style-type: none;
padding: 0;
overflow:hidden;
}
a:link,a:visited {
margin:0 auto;
display:block;
width: 120px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover, a:active {
background-color:#7A991A;
}
li {
float: left;
}
#menu {
background-color:#98bf21;
}
</style>
<div id="menu">
<header>
<ul>
<li><a href="Home.aspx">Home</a></li>
<li><a href="News.aspx">News</a></li>
<li><a href="Articles.aspx">Articles</a></li>
<li><a href="Forum.aspx">Forum</a></li>
<li><a href="Contact.aspx">Contact</a></li>
<li><a href="About.aspx">About</a></li>
</ul>
</header>
</div>