Dear community, I am wondering if there is a way to adjust the space (of rows) between images shown by st.image. I noticed from the html/javascript, mulitple streamlit elements were organized in stVerticalBlock, and there are always stHidden between elements. However, even remove stHidden, does no…

A work around would be to insert the image within a column and create buffer columns between the images. That way you can control the space between the images by changing the size of the empty columns.

Hi cualr, Thank you for the reply. Currently I am thinking remove all the space between images, which can not be control by the way you suggested. It would be great if you have any suggestions for the updated question. Thank you. Best, Yaqiang

Try the following code, and make the appropriate change for the “width”. col1,col2=st.columns([2,2]) with col1: st.image('test_img.png',width=360,use_column_width='never') with col2: st.image('test_img.png',width=360,use_column_width='never')

Hi curl, Thank you very much for the solution. Any ideas to remove space between rows? Best, Yaqiang

Hi @caoyaqiang0410 , check if this thread helps you. [image] Grid of images with the same height? 🎈 Using Streamlit Hi! I’m working on a book recommendation system based on a LDA model and want to show the book options on one page. Right now I’m using st.image() and passi…

Adjust spaces between st.image/elements

Using Streamlit

Shawn_Pereira April 23, 2022, 9:15am 7

Hi @caoyaqiang0410 , check if this thread helps you.

Cheers

Topic		Replies	Views
Horizontal layout of images Using Streamlit	2	2151	March 9, 2021
How to add images in the empty space Using Streamlit	1	959	September 11, 2023
Grid of images with the same height? Using Streamlit	11	21806	June 25, 2024
What i missed? Using Streamlit layout	1	620	March 3, 2021
Align Columns Height Show the Community!	6	6271	July 13, 2022

Adjust spaces between st.image/elements

Related topics