css文字过长显示的几种方案

html-css019

css文字过长显示的几种方案,第1张

1、默认情况,它是自动换行的;

2、设置文字不换行white-space:nowrap,强行撑开;

3、如果不希望容器被撑开,那就给文字加省略号:

<style type="text/css">

.divbox{ width:150px white-space:nowrap overflow:hidden text-overflow:ellipsis}

</style>

</head>

<body>

<div class="divbox">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>

</body>

html直接对对象加粗的标签如下:

<b></b>或<strong></strong>两者效果相同。

还有一种是在css文字样式中对文字进行bai加粗(font-weight参数):

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

bold : 粗体。相当于number为700。也相当于b对象的作用

bolder : IE5+ 特粗体

lighter : IE5+ 细体

number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900