Jump to content
  • 0

Блок не выравнивается по центру при margin:0 auto;


Temik2704
 Share

Question

8 answers to this question

Recommended Posts

  • 0

если быть точнее высота картинки меньше чем высота блока в которой она находится из-за этого браузер автоматически сохраняет пропорции картинки и получается так что по ширине она становиться тоже меньше!

Link to comment
Share on other sites

  • 0

в том что картинку надо выровнять по-центру. картинка меньше чем блок в котором она находится.

Опять не по центру!(

Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,я это сделал с помощью max-width:100% и max-height:100% а потом этот блок становился по центру.

Link to comment
Share on other sites

  • 0
Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,

тогда блоку задайте ширину, а картинке пропишите width:100%

Link to comment
Share on other sites

  • 0
Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,

тогда блоку задайте ширину, а картинке пропишите width:100%

Спасибо,но тогда не срабатывает text-align:center; для блока.

Не хочется маржинами отодвигать.

margin:0 auto; тоже не работает(((

http://cssdesk.com/P2sMn

Link to comment
Share on other sites

  • 0

Вам нужно было к первому варианту только добавить text-align:center, как написал klierik и немного изменить верхний/нижний отступ, что-то вроде margin:12px auto, вы в последнем добавили верхний отступ, но убрали auto.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy