td中汉字左右对齐和easyUI的multiline和prompt

最新推荐文章于 2024-05-23 17:50:15 发布

ai_feng123

最新推荐文章于 2024-05-23 17:50:15 发布

阅读量1.1k

点赞数

分类专栏：注意小细节

本文链接：https://blog.csdn.net/ai_feng123/article/details/79462589

版权

注意小细节专栏收录该内容

11 篇文章

订阅专栏

本文探讨了HTML中实现表格内文字左右对齐的问题，以及在不同浏览器下text-align属性的表现差异。同时，介绍了EasyUI的multiline文本框在IE和Chrome中的显示区别，以及设置prompt提示信息的方法。最后，展示了如何在EasyUI文本框上添加Icons图标并触发事件，以及在AJAX中传递数据到后台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML中同一个table中第一个tr的td中宽度为150px，字数为四个字。

第二个tr的td宽度与第一行一样，但字体只有两个字体。用text-align：center达不到我要的效果

想要将两行中的字体左右对齐。

需在相对应的table中style=“text-align：justify；text-justify：distribute；text-align-last:justify”

然而发现几个浏览器bug：

1、text-align：justify意思为左右对称，它只作用于IE浏览器，其他浏览器不起效果

2、text-align：justify对于中文与字母在浏览器产生的效果不同。全部试用于IE浏览器中。字母在谷歌中并不会作用对称

3、text-align-last:justify意思为段落的最后一行不做齐行效果。但是也只在IE浏览器有效果，在谷歌中不起作用

关于easyui-textbox的多行文本框设定：multiline:true

在IE浏览器中文本框最右会自带上上下点击键，可方便上下查看。而在谷歌浏览器中则不会有图标显示

关于easyui-textbox的文本框的提示信息设定：data-options="prompt:'提示信息'"

关于easyui-textbox带Icons图标触发事件如：

之前点击了 'icon-help'图标，并没有触发成功，原因在是没有放到$(document).ready(function () {}）中去。

$(document).ready(function () {
$('#message').textbox({
icons: [{
buttonText: '提示',//并没有效果
iconCls: 'icon-help',
handler: function (e) {
var model = $('#Model').val();//方法写到这里，通过 $.ajax把前台的值传送到后台方法中去
var factor = $('#messagefactoer').val();
$.ajax({
type: 'post',
url: '/SWM/Scrum/message',
data: { model: model, factor: factor },
datatype: 'json',
success: function (result) {
if (result.rows == "") { alert("请先选择专案模块与开发步骤或者开发步骤不是现进行工作") }
$("#message").textbox().textbox("setValue", result.rows);//将后台的result中的rows传给某一个ID的文本框中。对文本框的赋值
}
})
}
}]

})

</script>