div/span强制不换行
生活随笔
收集整理的這篇文章主要介紹了
div/span强制不换行
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
div/span強制不換行
首先看一下效果：
接下來看下代碼：不需要引入任何文件。
<html> <head> <meta content="text/html; charset=utf-8" /> <title>div/span強制不換行</title><style>.main1{display:inline-block; width:500px; height:100px; border:1px solid #000; }.main2{display:inline-block; width:500px; height:100px; border:1px solid red; }.main3{display:inline-block; width:500px; height:100px; border:1px solid #000; }.main4{display:inline-block; width:500px; height:100px; border:1px solid red; }</style></head><body><span class="main1"></span><span class="main2"></span><div class="main3"></div><div class="main4"></div></body> </html>重點是元素的樣式里面寫上 display:inline-block; ?就ok了。
總結
以上是生活随笔為你收集整理的div/span强制不换行的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 健身房励志标语文案28句
- 下一篇： JS的三种消息提示框alert conf