и тег в одной строке

#html #css

#HTML #css — код

Вопрос:

Я работаю с ASP.NET MVC3. Ниже приведена моя страница просмотра:

 <div id="onsite" style="overflow:auto;margin-left:30px;">
    <img style="cursor:pointer;" id="imgminusOnsitewise" src="@Url.Content ("~/Content/Images/details_close.png")" alt="imgminusOnsitewise" title="Expand" /><label style="color:Green; font:bold 14px/30px Arial, Helvetica, sans-serif;">Onsite</label>
</div>

Когда я даю подобное изображение и метку, они находятся в одной строке, когда я запускаю код на локальном компьютере. После развертывания того же кода на сервере ярлык отображается в следующей строке изображения. Еще одно свойство CSS, которое мне нужно добавить в get <img> и <label> теги, которые находятся внутри <div> тега в одной строке?

1. В чем разница между локальным рендерингом и развернутым рендерингом? Есть ли какие-либо изменения в CSS в любой среде? Другие различия в разметке? Используйте инструменты отладки вашего браузера и сравните оба вывода. Изучите их разметку и стиль, чтобы найти различия.

Ответ №1:

дешевое и веселое исправление, попробуйте установить для свойства отображения обоих элементов значение inline, используя style=»display:inline;»

1. Чувак по умолчанию img и label являются встроенными элементами.

2. да, но мы не знаем, что другие стили не применяются в других местах, поэтому установка его на элементы должна переопределить любое сумасшествие

Ответ №2:

Возможно, файлы .css не равны

Попробуйте это:

 <div id="onsite" style="overflow:auto;margin-left:30px;">
    <div style="float:left">
        <img style="cursor:pointer;" id="imgminusOnsitewise" src="@Url.Content ("~/Content/Images/details_close.png")" alt="imgminusOnsitewise" title="Expand" />
    </div>
    <div style="float:left; margin-left:10px">
        <label style="color:Green; font:bold 14px/30px Arial, Helvetica, sans-serif;">Onsite</label>
    </div> 
    <div style="clear:both"></div>
 </div>