相关疑难解决方法(0)

需要在放置在Ajax更新面板中的网格视图的中心显示更新进度.有没有办法使用CSS(不使用jQuery或Java Script)将Update progreass控件放在网格视图(或页面中心)的中心？

我做了一个CheckboxList,它不会排队.我没有看到任何方法来控制生成的HTML.现在,由于<td>每个复选框标签的宽度是自动宽度,因此复选框不对齐.如何设置此宽度并使所有标签和复选框显示在两个垂直对齐的列中？

我的代码很简单:

<div style="text-align: center;">
    <p>
    Here you will tell..
    </p>
    <asp:CheckBoxList runat="server" ID="cbl" Width="300px"></asp:CheckBoxList>
    <br />
    <input type="button" id="next_3" value="Next Page" />
</div>

这是一个截屏

alt text http://img718.imageshack.us/img718/6824/checkboxlist.png

我想.center通过4:3纵横比(每3个高度4个宽度)和高度保持div的宽度相对于它的高度100%; 然后水平对齐div的中心.

就像你在这里看到的flash应用程序一样.

这就是我所拥有的:

HTML:

<div id="stuff" class="center" width="800" height="600"> 
     <canvas id="someHTML5">You cant play HTML5</canvas>
</div>

CSS:

.center {
    position: absolute;
    left: 50%;
    width: 800px; /* how do I make this relative; i want: pseudo code: width: height/3*4; */
    height: 100%;
    margin-left: -400px; /* -width/2 for horizontal alignment */
    z-index: 100;  
}

我还有一个JavaScript循环来集成JavaScript端更新.

我尝试了几天垂直对齐.sl_container.
我试过了vertical-align: middle，但这不起作用。

如果我为 指定了高度和宽度.slideshow，那么使用top: 50%;和transform: translateY(-50%);，就可以了。见这里。
问题是，如果我删除滑块的高度和宽度以占用可用空间并进行调整，那么这将使内部 div 看起来向上移动。见这里。

display: table-cell; 不是一个选项，因为它会在父 div 的整个宽度的两侧而不是图像上有箭头。

我之前尝试过 flex，它会垂直对齐，但是如果父 DIV 宽度大于子 DIV，由于某种原因它会变成

正如我所说，我尝试了多种方法，没有一种方法可以在不破坏箭头位置的情况下做得很好。

到目前为止我所做的：JSFiddle
之前提到的设置在 CSS 部分中被注释掉了。

对此的任何见解都将有助于在不破坏整个幻灯片和箭头的情况下将其对齐的方法或方法。

仅供参考：DIV 或图像向底部扩展 1-2 像素会产生流血效果，这就是为什么我为每个 DIV 着色以查看是否可以修复它的原因。我敢肯定它有些愚蠢，如果你知道它是什么，请说出来。这并不重要，所以我不太在意。xD

我想将我的表格居中在它所在的水平行的中心。我认为这很简单

#control {
    text-align: center;
}

我要居中的元素是

<div id="control" class="btn">
    <div id="btn_container"><img width="100" height="100" src="https://cdn3.iconfinder.com/data/icons/minecraft-icons/512/Stone_Pickaxe.png" alt="Mining pick" /></div>
    <span>Start</span> 
</div>

但是，该元素仍未居中 - https://jsfiddle.net/xwdnvcy5/58/。我没有得到什么非常明显的东西，但我无法说出它是什么。

我想在我正在使用的CSS中将div容器居中放置在页面上

margin-left:auto;

似乎不起作用。

谢谢

我已经尝试了多次，使用来自 Stack Overflow 的多种不同可能的解决方案来完成这项任务，但令人沮丧的是，我似乎无法将输入框居中放置在 div 中。

我的代码目前基本上是这样的：

div {
  width: 100vw;
  position: relative
}

h1 {
  text-align: center;
}

<div>
  <h1>Title</h1>
  <input type='text'>
</div>

目前，“标题”这个词在屏幕中央，但输入框仍然在左侧。

有什么办法可以在div中水平居中吗？

当我将 div 居中时，它没有居中。看起来，他的左角就在屏幕的中间。如何减去宽度的一半，使 div 正确居中？

在我的 css 中我写的left: 50%是结果：

有没有可能使这个 div 正确居中？

为什么 HTML 中的图像不居中？我已将保证金输入为自动。

<div style="margin: 20px auto" class="elem">
  <img 
     src="https://image.freepik.com/free-vector/online-test-concept-illustration_114360-5486.jpg"
     alt="" />
</div>

我想将textarea元素居中，但margin: 0 auto无法正常工作。

我也尝试包装div具有margin: 0 auto样式的元素。

<div style="margin: 0 auto;">
    <textarea rows="4" cols"100"></textare>
</div>

首先需要告诉你我正在使用这段代码:

https://jsfiddle.net/hbahar95/27/

  .text.ellipsis {
  position: relative;
  font-size: 14px;
  color: black;
  font-family: sans-serif;
  width: 250px; /* Could be anything you like. */
}

.text-concat {
  position: relative;
  display: inline-block;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
  line-height: 1.2em;
  text-align:justify;
}

.text.ellipsis::after {
  content: "...";
  position: absolute;
  right: -12px; 
  bottom: 5px;
}

因为我需要为标题设置多行椭圆.这部分代码有效.

但是现在我需要在div中居中垂直div,这部分代码部分工作....我真的尝试了一切,但仍然无法解决问题.

你可以在这里看到实例:http://phpbb32.majordroid.com/index.php

在蓝色div内部一切都很好,但是由于某种原因,在白色div标题内部下沉,或者换句话说不是居中.

所以我希望你能帮助我在div里面垂直居中,它需要在IE8 +中工作

谢谢