博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
宽度自适应/单行文字居中/多行文字/链接断行解决方案
阅读量:6164 次
发布时间:2019-06-21

本文共 625 字,大约阅读时间需要 2 分钟。

宽度自适应

<!doctype html>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>宽度自适应</title>
<link rel="stylesheet" href="css/reset.css">

<style>
    html,body{height:100%;overflow:hidden}
    .w300{float:left;width:300px;background:#333;height:100%;margin-right:10px}
    .right{overflow:hidden;*zoom:1;background:#666;height:100%}
</style>

<base target="_blank">
<div class="w300"></div>
<div class="right"></div>
宽度自适应.类名{overflow:hidden;*zoom:1;}

 

单行文字居中是line-height=height,多行文字line-height:1.8或者2.0不带单位

链接断行解决方案{display:inline-block;white-space:nowrap;}

转载于:https://www.cnblogs.com/zhp404/articles/3924350.html

你可能感兴趣的文章
springboot中配置文件application.properties的配置详情,数据源配置
查看>>
Liunx/Unix scp命令详解(转)
查看>>
re.sub()
查看>>
虚拟机磁盘扩容
查看>>
Java map遍历
查看>>
一个C#后台调用接口的例子
查看>>
B00015 平方矩阵问题
查看>>
CCF201412-2 Z字形扫描(100分)
查看>>
HDU1262 寻找素数对
查看>>
C语言-指针
查看>>
QuickTest Professionar 快捷键
查看>>
Ubuntu普通用户使用串口设备
查看>>
Yii2数据库操作的各种写法
查看>>
2019年春PAT甲级考试
查看>>
movebase导航
查看>>
【LeetCode】96 - Unique Binary Search Trees
查看>>
CSS3秘笈复习:第十一章
查看>>
字典哈希表的实现原理
查看>>
hdu1385 Minimum Transport Cost
查看>>
数据库 : 事物以及隔离性导致的问题
查看>>