Tekil Mesaj gösterimi - sayfa bitince alt satıra inme sorunu

Konu sayfa bitince alt satıra inme sorunu

14-08-2022, 14:42:34

<div class="parent-div">
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-3.jpg" alt=""/></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-4.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-5.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
<a rel="nofollow noreferrer ugc" class="example-image-link" href="http://lokeshdhakar.com/projects/lightbox2/images/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."><img style="border-radius: 50%; width: 85px; height: 85px; margin-left: 10px; border:3px solid red;" class="example-image" src="http://lokeshdhakar.com/projects/lightbox2/images/thumb-6.jpg" alt="" /></a>
 
</div>

.parent-div{
width:100%;
max-width:50%;
overflow-x:auto;
display:flex;
}