我希望图片尺寸大且居中,似乎尺寸显示居中但仍无效。
HTML:
<div class="content-grid">
<img src="test.jpg" />
</div>
CSS:
.content-grid img{
display: block;
margin: 0 auto;
font-size: 250%;
}
答案 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-size
和width
,即height
img {width:300px; height:auto;}
&#13;
.content-grid {
text-align: center;
}
&#13;