居中图像并添加字体大小不起作用

时间:2016-04-04 23:52:31

标签: html css

我希望图片尺寸大且居中,似乎尺寸显示居中但仍无效。

HTML:

<div class="content-grid">
  <img src="test.jpg" />
</div>

CSS:

.content-grid img{
  display: block;
  margin: 0 auto;
  font-size: 250%;
}

2 个答案:

答案 0 :(得分:1)

https://jsfiddle.net/ahmadasjad/1aedjv7s/

.content-grid img{
display: block;
    margin: 0 auto;
    height: auto;
    /* font-size: 255%; */
    width: 33em;
}

如果您需要更多尺寸,请根据需要增加em值宽度。 例如,将width: 33em;更改为width: 50em;width: 65em;

答案 1 :(得分:0)

删除所有其他样式,然后将public class MountainBike extends Bicycle { public int seatHeight; public MountainBike(int startHeight, int startCadence, int startSpeed, int startGear) { super(startCadence, startSpeed, startGear);//when change order with seatHeight = startHeight, IDE display error seatHeight = startHeight; } public void setHeight(int newValue) { seatHeight = newValue; } } 设置为容器。

text-align:center属性无法控制图片大小,如果您需要,请直接在图片上使用font-sizewidth,即height

&#13;
&#13;
img {width:300px; height:auto;}
&#13;
.content-grid {
  text-align: center;
}
&#13;
&#13;
&#13;