سلام.من عکس های آپلود شده را داخل<div class="col-lg-2 "> قرار دادم اما تصویر از این div خارج میشه.چطور میتونم کاری کنم که اگر تصویر بزگتر بود اسکرول بخوره و مثه تصویر زیر نشه
متوجه سوالتون نمی شم، لطفا کد و تصویر بزرگتری از صفحه تون رو اینجا قرار دهید.
من در layout برای قسمت های اصلی صفحه هام 8 ستون رو در نظر گرفتم.
ولی وقتی یه تصویر با ابعاد بزرگ اپلود میشه تصاویر از این 8 ستون خارج میشن
میشه کاری کرد که وقتی عکس از ی حدی ابعادش بزرگتر بود به جای اینکه جای بیشتری بگیره اسکرول بخوره؟ مثه همین سایت
به عکستون width="100%" بدید.
<img src="Image.jpg" width="100%"/>
تصاویر توسط ادیتوری که اینجا اموزش داده شده آپلود میشن.چنین تگی وجو نداره.ما فقط یک کنترلر داریم ک برای آپلود تصویر استفاده میشه و بعد با استفاده از <div>@Html.Raw(@Model.Body)</div> کل محتوایی که داخل ادیتور هست نمایش داده میشه.
استایل زیر رو به صفحه cshtml تون اضافه کنید :
<style type="text/css"> img { width: 100%; } </style>
به صفحه اضافه کردم باز تغییری نکرد.
<div style="width:100%">@Html.Raw(@Model.Body)</div> به خود div هم اعمال کردم باز فرقی نکرد.
راه حلی نیست؟؟؟؟؟؟؟؟؟؟؟؟؟
شما باید With رو به تصاویر اضافه کنید
به Div که RenderBody دارد یک id دهید مثلا maindiv و بعد به شکل زیر عمل کنید
#maindiv img{ width: 100% !important; }
خیلی خیلی ممنون
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)