Adjust spaces between st.image/elements

🎈 Using Streamlit
1

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 not change the spaces.
Thank you.

2

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.

4

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

5

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')
6

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

7

Hi @caoyaqiang0410 , check if this thread helps you.

Cheers

8

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.