Question

所以这可能是一个简单的答案，但我应该坐在页面中间的图像稍微关闭，这让我很烦恼。

HTML：

</section>

<section class="img_section">
<div>
  <img src="images/menu.jpg" alt="menu" align="center"> 


  </div>
</section>

CSS：

img section{
	float:center;
	text-align:center;
}

我已经尝试删除浮动，并将其从一个部分完全取出，但它不会预算。

任何帮助都会很棒

Answer 1

没有float: center;之类的东西 img section也不会在部分内设置图像样式。你可以试试： 1：

img {
display: block;
margin: 0 auto;
}

2：

section div {
text-align: center;
}
section div img {
display: inline-block;
}

取决于您的其他风格

Answer 2

这很容易回答。

＆＃13;

    public link(
        scope: ng.IScope,
        instanceElement: ng.IAugmentedJQuery,
        instanceAttributes: ng.IAttributes): void {
        let groupsCommaSeparated: string = (<any>instanceAttributes).authorize;
        let groups: Array<string> = groupsCommaSeparated.split(",");
        let element = angular.element(instanceElement);
        let authorized: boolean = this.authService.isUserAuthorized(groups);
        element.attr("ng-show", String(authorized));
        //remove the attribute, otherwise it creates an infinite loop.
        element.removeAttr("authorize");
        this.$compile(element)(scope);
    }

＆＃13;

#div1 {
  text-align: center;
}

＆＃13;

</section> <section class="img_section"> <div id="div1"> <img src="images/menu.jpg" alt="menu" align="center"> </div> </section>属性将使text-align: center;内的所有元素居中。此外，最好选择具有特定类或ID的div。这将在页面上的所有div元素上进行。

Answer 3

尝试使用css：

# Gemfile
gem 'bh'

# application.html.erb
<%= stylesheet_link_tag bootstrap_css %>
<%= stylesheet_link_tag font_awesome_css %>
<%= javascript_include_tag bootstrap_js %>

HTML：

.img_section img{
    text-align:center;
}

Answer 4

这要简单得多。只需将中心标记包含为

<center>
  <section>
   <div>
        <img src="images/menu.jpg" alt="menu" align="center"> 
   </div>
  </section>
</center>

Answer 5

我喜欢用

margin: 0 auto;

用于居中

居中图像

5 个答案: