Question

虽然很多帖子试图重新调整我的图片大小，但是它不起作用，有人会帮我解决中心问题并使图像缩小吗？

HTML：

<div id="mainBody">
<div id="image">
    <img src="http://s10.postimg.org/6b22cnbfd/jpg">
</div>

CSS：

.mainBody{
    width: 100%;
    margin-right: auto;
    margin-left: auto;}
.image {
    width: 60%;
    position: fixed;
    align-items: center;}
.image img{
    position: fixed;
    display:block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;}
'

Answer 1

它没有居中，因为它的位置设置为固定。 margin: 0 auto不适用于固定位置元素。您必须将left设置为50％，然后将负margin-left拉回宽度的一半。例如：

img {
    position:fixed;
    width:300px;
    left:50%;
    margin-left:-150px;
}

http://jsfiddle.net/e24d0bx6/1/

Answer 2

你的css是指.image img当它的id是图像时，所以应该是#image img

并且您想要指定with属性：也许最大宽度：80％或宽度：400px

Answer 3

我认为您可以使用位置或边距，但如果您有许多不同尺寸的图像，它可能无效。更好的方法，我认为你应该使用背景图像。像这样：

HTML

#image {
    background-image: url(path/to/your/image);
    background-position: center;
    //set size of #image div like you want
}

的CSS

String fString = "DAVCFW_ACK*DAVCFW_20_30_90*DAVCFW_15.5_20.1_35.0*DAVCFW_40_230_110*DAVCFW_END";
ArrayList list1 = new ArrayList();
string[] words = fString.Split('*');
foreach (string s in words)
{
    list1.Add(s);
 }

HTML图片重新调整大小和居中

3 个答案: