Question

所以我有一些php输出的文本/数据以我的页面为中心。我用css

将它集中在一起

*{
margin:0;
padding:0;
}

body{
text-align:center; /*For IE6 Shenanigans*/
font-size: 100%;
font-weight: 1;
font-family: 'rationale';
background:black;

}

#data {
position: absolute;
width: 100%; /*makes the element 100%, to center it. */
top: 180px;
right: 0px;
line-height: 40px;

}

我希望将数据设为截断输出，在经过一定量的空间后，它会关闭输出并给出＆＃34; ...＆＃34;。

text-overflow: ellipsis;

如果我无法解决问题，我可以

text-overflow: clip;

事实是，我无法使用我现有的css，我相信因为文本溢出工作，我必须将宽度设置为特定大小。但是，当我这样做并删除我的数据100％的宽度，不再是它的中心很好。

*顺便说一下，数据之前两个css div的原因是，无论调整大小，它都会使我的整个页面居中，这很有用。

在这种情况下，有关如何使这项工作的任何想法？有点卡住了。非常感谢。

Answer 1

您可以使用以下css方法

.box {
  text-align: center;
  border: 1px solid red;
  width: 500px;
  margin: 0 auto;
}

.content {
  width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
}

<div class="box">
  <div class="content">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda adipisci vel, dolore aspernatur iste iure blanditiis quam esse repudiandae aperiam debitis doloribus necessitatibus placeat tempora voluptate totam exercitationem neque quae.
  </div>
</div>

剪辑或省略号文本困难与CSS中心页面

1 个答案: