html5如何把一行文字靠右,如何用css实现文字单行右对齐 多行左对齐 ? 无兼容问题的...

稍微改动了一下你的demo

RunJS

*{

margin: 0;

padding: 0;

}

.a {

margin-top: 20px;

width: 200px;

height: 50px;

background: blue;

color: #fff;

font-size:15px;

}

.a > p {

line-height: 20px;

min-height: 20px;

}

.left {

text-align: left;

}

.right {

text-align: right;

}

文字文字

文字文字文字文字文字文字文字文字

$('.box').each(function(){

var i = $(this).height();

if (20 >= i) {

$(this).addClass('right')

} else {

$(this).addClass('left')

}

})

或者left这个class可以不要，因为默认情况就是左对齐

插一句，貌似你对inline-block的理解不是很好，如果把一个元素display成inline-block时最好给它再设置一下vertical-align，不然可能会出现你不想看到的效果