Я показываю изображения в элементе управления HTML по горизонтали. ТАБЛИЦА изображений находится внутри основного DIV. CSS для DIV выглядит следующим образом:

#main
{
    width: auto;
    height: auto;
    margin: auto;
    padding: 2px 0px 0px 0px;
    border: 3px solid #ccc; 
}

Проблема в том, что основная граница DIV не расширяется, и изображения выпадают из нее, как показано на следующем снимке экрана:

enter image description here

Вот фрагмент HTML:

<body>
<div id="main">

    ...

    <table>
        <tr id="image-list">
        </tr>
    </table>

    ...

</body>

Пожалуйста, предложите, как изменить код, чтобы граница DIV автоматически увеличивала свою ширину в соответствии с изображениями в ней?

3
Azeem 10 Янв 2014 в 15:17

1 ответ

Поместите этот CSS в свою таблицу стилей, чтобы исправить это:

#main
{
    width: 400px /*you can give fixed value or auto value*/;
    height: auto;
    margin: auto;
    padding: 2px 0px 0px 0px;
    border: 3px solid #ccc; 
}
#main table
{
    width:100%;
}
-1
Lex R 10 Янв 2014 в 11:32