。項目。pic { float:left;邊距-右邊:10px;寬度:100 px;身高:100 px;}。項目。內容{ float:left;寬度:500px}& lt/style & gt;& ltdiv class=\"item " />
當前位置:成語大全網 - 古籍善本 - 如何實現CSS和文本並排?

如何實現CSS和文本並排?

不管妳右邊有多少文字,它永遠在圖片的右邊,不會再跑到圖片的底部。

代碼如下,好好研究壹下:

& ltstyle type="text/css " >

。項目。pic { float:left;邊距-右邊:10px;寬度:100 px;身高:100 px;}

。項目。內容{ float:left;寬度:500px}

& lt/style & gt;

& ltdiv class="item " >

& ltdiv class="pic " >& ltimg src = " a.jpg " & gt& lt/div & gt;

& ltdiv class="content " >文本部分

& lt/div & gt;由於這個函數需要使用floating float,所以需要定義左右模塊的錢數。否則默認值為100%,就是填滿整個外部容器,但無論如何都無法左右顯示。