使内联块DIV居中-Java 学习之路

有没有人知道如何将显示设置的DIV对齐到内联块？

我无法将显示设置为阻止因为我有一个需要重复的背景图像，它需要根据内容进行扩展 . 它位于父div的内部，在宽度方面它更大 .

总而言之 . 有没有人有一个修复中心对齐div与显示设置为内联块？

不，text-align：center;不起作用，保证金也不起作用：0 auto;

谢谢！

5 回答

我从所有这些（许多，众多，大量的）答案中得到的结论是，你不能使用内联样式调用来阻止一个块 . 它 must 是一个定义的类 . 这是金丝雀：

<div
  style="font-size: 14pt; text-align: center; font-family: latoweb; font-weight: 400; display: inline-block; margin: 0 auto; width: 80%; height: auto;"
>
  <a
    id="media_comment_m-4JGUVJ6vm4uhihPBSiXrZGRG2Fm1a8To"
    data-media_comment_type="video"
    class="instructure_inline_media_comment video_comment mce-item-anchor"
    data-alt=""
  >
  </a>
  5 Quick Steps to <i>Photo Story 3</i>
</div>

尝试将视频帧置于Canvas LMS内部 . 必须通过白名单测试 .

回复于 2024-04-26T11:22:38+08:00

13

text-align：父div上的中心，只是诀窍 .
来源：CSS center display inline block?

回复于 2024-04-26T11:22:38+08:00
2
试试这个：
```
margin: 0 auto;
```
或 text-align: center; 在父母 <div> 上...
回复于 2024-04-26T11:22:38+08:00

嗨，您可以给父文本对齐中心而不是像这样的孩子

Css

div{
    text-align: center;

}

.dl{
    color: #fff;
    margin: 0 auto;
    background: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;  
    line-height:35px;  
    display:inline-block;    
}

HTML

<div>
<a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>    
</div>

现场演示http://jsfiddle.net/rohitazad/HkvzM/15/

回复于 2024-04-26T11:22:38+08:00

0
你不能将元素居中
```
display:inline
```
您可能必须使用jQuery或JavaScript找到解决方法 . 您可以使用CSS进行近似居中，如果文本的长度变化不大，则可以使用CSS . 像这样的东西Demo
```
<div id="out">
    <a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>
</div>

#out{
 padding:0 50px;   
}
```
回复于 2024-04-26T11:22:38+08:00

使内联块DIV居中

5 回答

相关问题