DIV强制不换行

一、单个DIV:
1.用nobr元素

<html>
<head>
head>
<body>
<div><nobr>不换行不换行<nobr>div>
body>
html>

2.用nowrap元素

<html>
<head>
head>
<body>
<div nowrap>div不换行div不换行div不换行div>
body>
html>

 二、两个DIV

1. 用CSS里的float属性

<html>
<head>
<style type="text/css">
div#row1 { float: left; color: blue; }
div#row2 { color: red }
style>
head>
<body>
<div id="row1">第一个divdiv>
<div id="row2">第二个div不换行div>
body>
html>

2. 用CSS里的diplay属性

<html>
<head>
<title>CSS中的不换行title>
<style type="text/css">
div#row1 { color: blue;display: inline }
div#row2 { color: red;display: inline }
style>
head>
<body>
<div id="row1">第一个divdiv>
<div id="row2">第二个div不要换行div>
body>
html>

 

转载于:https://www.cnblogs.com/lorence/p/4206641.html

你可能感兴趣的:(DIV强制不换行)